Heading Tags

<h1>, <h2>, <h3>, <h4>, <h5>, <h6> Headings 1 to 6
In order to give meaning to the sections within our document, we can give each section a heading. A document would usually have an overall heading at the very top, and lesser headings throughout the document.

The first heading tag in a document will always be <h1>. And this tag should only appear once in our document. For example:
<h1>All about me</h1>
<p>
This is the <strong>very first</strong> line on our new page. I am <em>so very</em> happy.
</p>

Unless we tell it to otherwise, the browser will style the text within the <h1> tags in large bold letters:

All About Me

This is the very first line on our new page. I am so very happy.

When we want to make a sub-header in the document, we use the <h2> tag:
<h1>All about me</h1>
<p>
This is the <strong>very first</strong> line on our new page. I am <em>so very</em> happy.
</p>
<h2>My favourite music</h2>
<p>Here is some of my favourite music…</p>

All About Me

This is the very first line on our new page. I am so very happy.

My favourite music

Here is some of my favourite music…

We can keep putting header tags into our document, all the way down to <h6>. In this way, the relative importance of the different sections within our document takes shape.
For example:
<h1>All about me</h1>
<p>
This is the <strong>very first</strong> line on our new page. I am <em>so very</em> happy.
</p>
<h2>My favourite music</h2>
<p>Here is some of my favourite music…</p>
<h3>Blues Music</h3>
<p>Blues music is very blue.</p>
<h3>Funk Music</h3>
<p>Funk music is pretty funky.</p>
<h2>My favourite books</h2>
<p>Books are good for reading.</p>
<h3>Fiction</h3>
<p>Everybody likes a good story.</p>
<h3>Non-Fiction</h3>
<p>Not everything is make-believe though.</p>