Understanding the <p> Element in HTML

The <p> element in HTML is used to create paragraphs. Paragraphs help structure your content, make text readable, and separate ideas clearly. Every time you want to write a block of text on a webpage, you place it inside <p> and </p> tags.

Understaning the layout of the <P> Element

Start tagElement contentEnd tag
<p>I am learning how to create paragraphs using HTML.</p>

📘 Example Code

Below is an HTML example showing two paragraphs:

💡 This is what the code looks like inside an editor

<!DOCTYPE html> <html> <head> <title>Paragraph Example</title> </head> <body> <p>This is a paragraph of text in HTML.</p> <p>Every paragraph goes inside <p> tags.</p> </body> </html>

🖥️ What This Will Look Like in a Browser

This is my first paragraph.
I am learning how to create paragraphs using HTML.

🧪 Time to Practise!

Now it’s your turn to write your own paragraph using the <p> element.

Try this example first:

<p>This is my very first HTML paragraph!</p>

What To Do

✅ Type the code above in the editor below
✅ Click Test Code to check your result
✅ You’ll get instant feedback telling you if it’s correct or not
✅ Don’t worry — you have unlimited tries, so keep practising
Bonus! You can change the text and try new sentences too!

Tip 💡

Paragraphs are used everywhere online — blogs, articles, tutorials, and websites. The more you practise, the more confident you’ll get.
Have fun, experiment, and start building your HTML skills one step at a time! 🚀

HTML Editor

Live Preview

© Copyright 2024. | Educodes