HTML Paragraphs

You already use headings for titles and sections. Most of the readable body text on a page belongs in paragraphs. This session focuses on the p element — how to write it, how browsers display it, and how it differs from blank lines in your editor.

What is an HTML paragraph?

An HTML paragraph is a block of text marked with the p element. You open with <p>, write the text, and close with </p>. Paragraphs are for ordinary sentences and short blocks of body content, not for page titles (those use headings).

Direct answer

Wrap each body-text block in its own p tags. The browser treats each p as a paragraph and usually adds space before and after it. Pressing Enter many times in your HTML file does not create the same spacing — the browser collapses extra white space in the source unless you use the right elements.

Reading the example

• The first <p>…</p> is one paragraph
• The second <p>…</p> is another paragraph
• The browser shows them as separate blocks, usually with space between them
• The text between the tags is the content readers see

White space in the source is not layout

In your editor, you can press Enter to make the HTML file easier to read. That does not mean the browser will show those blank lines as large empty gaps. For real paragraph breaks, use separate p elements. For a line break inside the same thought — such as a short address or poem line — you can use <br> (you met it briefly with elements).

Prefer paragraphs over empty spacing tricks

Do not stack empty <p></p> tags just to push content down the page. Do not put a whole article inside one giant paragraph if it is really several ideas. Split ideas into clear p blocks. Later, CSS will control spacing and fonts; HTML should mark real text structure.

Try it yourself

1. Open your basic HTML skeleton
2. Add an h1 and two short paragraphs under it
3. Add a third paragraph that uses <br> for a short multi-line address
4. Save and open the page in the browser
5. Compare what you see with the blank lines in your source file

Common mistakes

• Relying on blank lines in the source instead of separate p tags
• Using headings when you only need normal body sentences
• Creating empty paragraphs only to add vertical space
• Forgetting the closing </p> on a long paragraph
• Putting an entire page of unrelated ideas into one single p

Summary

• Body text usually belongs in the p element
• Each paragraph should be its own <p>…</p> block
• Browsers typically add space between paragraphs
• Extra Enter keys in the source do not equal real layout spacing
• Use <br> for a line break inside a paragraph when needed
• Keep structure in HTML; refine spacing later with CSS