Headings

Um, we're over here now! As you can see, that text was larger than this. That's because that is a heading. In this page you will learn the different headings and how to code them and use in your own pages. Have fun!

Heading 1

The largest of the 6 headings.

<h1>Heading 1</h1>

Heading 2

Like the one on the top of the page.

<h2>Heading 2</h2>

Heading 3

To me, this jumps in size a lot from heading 2, so not my choice.

<h3>Heading 3</h3>

Heading 4

Recognize this? Probably not. Why? Because in my cooking pages, I styled them with dark red and an underline.

<h4>Heading 4</h4>
Heading 5

Looks like a paragraph tag, but bolder.

<h5>Heading 5</h5>
Heading 6

Total opposite of heading 1, the smallest of the 6 headings.

<h6>Heading 6</h6>

Custom Heading

You can add any kind of style to a heading! You can change it's colour, size, anything!

<h2 style="font-size: 12px; font-weight: bold; display: inline-block; color:aquamarine; background-color: black; padding: 10px;">
  Custom Heading
</h2>