Як зробити абзац в HTML: тег p, приклади та поради

How to Make a Paragraph in HTML with the p Tag

How to make a paragraph in HTML is one of the first things you need to know when building pages or editing content in a CMS. The simplest and correct way is to use the <p> tag, which marks a separate text paragraph.

What a paragraph means in HTML

A paragraph in HTML is a logically complete piece of text that the browser displays with spacing above and below it. The <p> tag helps break text into meaningful blocks so a page is easier to read and looks cleaner.

Unlike a simple line break, a paragraph in HTML has semantic meaning. Search engines, screen readers, and content editors understand the page structure better when text is marked up properly.

How to make a paragraph in HTML with the p tag

How to make a paragraph in HTML correctly comes down to wrapping the text in an opening and closing <p> tag.

<p>This is the first paragraph of text.</p>

<p>This is the second paragraph of text.</p>

Each new paragraph should use its own tag. The browser adds visual spacing automatically, so you do not need to insert multiple blank lines by hand.

When to use p and when to use br

The <p> tag is for separate ideas or blocks of text, while <br> is only for a line break inside one paragraph, such as in an address or a poem.

  • <p> — for a full paragraph.
  • <br> — for a single line break.
  • <div> — for a container without paragraph meaning.

What proper text structure looks like on a page

Proper text structure on a page combines headings, paragraphs, and, when needed, lists. Text should not be packed into one large block, because that is hard to read on a phone screen.

For an article, product description, or instruction, a simple pattern usually works best: a section heading, one or two explanatory paragraphs, and then a list or example. That approach makes content clearer for both readers and search engines.

Common paragraph mistakes

Common paragraph mistakes usually come from using tags incorrectly or adding unnecessary line breaks.

  • Using several <br> tags instead of one proper paragraph.
  • Leaving out the closing </p> tag.
  • Placing block elements inside <p>, which can break the layout.
  • Creating paragraphs with spaces or blank lines in an editor without proper HTML markup.

To check the result, open the page in a browser and see whether each paragraph is visually separated and whether the text runs together into one solid block. If the markup looks wrong, review the <p> and <br> tags in the code or visual editor.

A short practice example

A short example shows how to make a paragraph in HTML in real code without extra elements.

<p>The first paragraph explains the topic.</p>
<p>The second paragraph adds a new idea.</p>
<p>The third paragraph closes the section.</p>

If the paragraphs do not appear separately after you insert the code, check whether the HTML was placed inside an element that resets styles or whether the editor converted the tags into plain text.