Headings, paragraphs and lists — HTML: the structure of the web

Headings

There are six levels, from <h1> (the most important, the page title) to <h6>. They define the hierarchy of the content:

<h1>Main title</h1>
<h2>A section</h2>
<h3>A subsection</h3>

Golden rule: only one <h1> per page and don't skip levels (don't jump from <h2> to <h4>). Screen readers and Google lean on this hierarchy to figure out what your page is about.

Paragraphs

Regular text goes in <p>:

<p>A paragraph of text.</p>
<p>Another, different paragraph.</p>

Lists

Unordered list (<ul>): bullets.
Ordered list (<ol>): numbers.

Each item goes in an <li> (list item):

<ul>
  <li>Apple</li>
  <li>Pear</li>
  <li>Grape</li>
</ul>