<h1>–<h6>

Examples

Headings of different levels:

<h1>Coffee guide</h1>
<h2>Espresso drinks</h2>
<h3>Cappuccino</h3>
<p>Espresso with steamed milk foam.</p>

Change the size in CSS, keep the level by meaning:

<style>
  h2.small { font-size: 16px; text-transform: uppercase; color: gray; }
</style>
 
<h2 class="small">Latest news</h2>
<p>The level stays h2 even though it looks small.</p>

Notes

A page usually has one <h1> — its main heading. Do not skip levels: <h2> is followed by <h3>, not <h5>. Pick the level by the place in the text structure, not by the font size you want — screen readers navigate by headings and search engines rely on them.