HTML <p> Tag

What You’ll Learn

The <p> tag is the foundation of readable web text. This guide covers syntax, global attributes, common paragraph patterns, styling, and best practices for beginners.

What Is the <p> Tag?

The <p> tag is an essential HTML element used to define paragraphs of text. It provides a simple yet effective way to structure content, making it easy for both developers and browsers to understand and render text in a well-organized manner.

Browsers treat <p> as a block-level element, so each paragraph starts on a new line and typically has top and bottom margin applied by default.

📝 Syntax

Enclose your text within opening <p> and closing </p> tags:

<p>Your paragraph text goes here.</p>

Syntax Rules

• One paragraph per p element — do not use br alone to fake paragraphs.
• Do not nest block elements (like div or another p) inside p.
• Inline elements such as strong, em, and a are valid inside p.
• Always close the tag; unclosed paragraphs can break page layout.

⚖️ <p> vs <div>

Examples Gallery

Write single paragraphs, stack multiple blocks, and style text with CSS classes.

<p>This is a simple paragraph of text.</p>

<p>First paragraph.</p>
<p>Second paragraph.</p>

<p class="important-text">This paragraph is styled for emphasis.</p>

♿ Accessibility

• Keep paragraphs concise — Shorter blocks are easier to read for all users, including screen reader listeners.
• Use semantic markup inside p — Prefer strong and em over bare styling for emphasis.
• Set lang when needed — Use lang on paragraphs in a different language.
• Don’t skip heading hierarchy — Use headings for sections; use p for body text beneath them.

💡 Best Practices