Let's add a heading to our website!
The <he1> to <h6> tags represent headings.
[Example]
<h1> This is the largest heading. </h1>
<h2> This is the second-largest heading. </h2>
<h3> This is the third-largest heading. </h3>
<h4> This is the fourth-largest heading. </h4>
<h5> This is the fifth-largest heading. </h5>
<h6> This is the sixth-largest heading. </h6>
They're used like this. If you line them up, it generally looks something like this by default:
[Display example]
This is the largest heading.
This is the second-largest heading.
This is the third-largest heading.
This is the fourth-largest heading.
This is the fifth-largest heading.
This is the sixth-largest heading.
The h1 to h6 tags indicate that the text inside of them is oart of a heading. The h1 tag is the largest and most important. Every page should have a H1 element somewhere on it. The larger the number, the smaller the heading becomes.
Make sure to assign these headings in order from h1 to h6, so no skipping numbers for aesthetic effect. A HTML document is structural first, and the decoration is there for visitors. Remember this. You don't have to use all the headings, and you're free to jump up multiple levels with headings, but remember these basic rules!
Also, a lot of margin blank space is automatically put around heading tags. I recommend using CSS to change this to look better.