Programming

Headings and paragraphs

The h1–h6 hierarchy and the p element.

All lessons · HTML lessons: learn from scratch

Headings h1–h6

HTML offers six heading levels: <h1> is the most important and <h6> the least. Headings give the document an outline, so readers, screen readers and search engines all rely on them.

<h1>Azərbaycan şəhərləri</h1>
<h2>Bakı</h2>
<h3>Tarixi mərkəz</h3>
<h2>Şəki</h2>
  • Use one <h1> per page.
  • Do not skip levels: after h2 comes h3, not h4.
  • Do not pick a heading only for its size; CSS controls size.

Paragraphs

Text is divided into paragraphs with the <p> element, and the browser leaves space between them. When a line must break by force (a poem, an address) use <br>; a change of topic can be marked with <hr>.

<p>İlk abzas bir fikri izah edir.</p>
<p>İkinci abzas yeni fikirdir.</p>
<p>Nibras Code<br>Bakı, Azərbaycan</p>
<hr>

If you need extra space do not create empty paragraphs; use margin and padding in CSS. For a long quotation there is <blockquote>, and for code <code> and <pre>.

Author: Nibras Code