HTML: headings and subheadings

Headings, Titles

Heading sizes are numbered. The lower the number, the larger the size. You want to use headers rather than changing font size for your titles, as search engines look for header text first when deciding what is most important on your page. I can’t demonstrate very well on this page what the different default sizes look like, as my blog theme has changed the defaults, so I’ll use an image.
Here’s how you write them:

Header 1: <h1>Header 1</h1>
Header 2: <h2>Header 2</h2>
Header 3: <h3>Header 3</h3>
Header 4: <h4>Header 4</h4>
Header 5: <h5>Header 5</h5>
Header 6: <h6>Header 6</h6>

And here’s how they look:

Here’s a sample listing:

Let’s format the listing

There is a heading at the top of the listing. We’ll make it an <h1> header.
Here’s what it looks like before in the listing and the edit window:

Here’s what it looks like after:

There are a couple of subheaders lost in the text. I’ll make them <h3> headers.
Before:

After:

Try it!

0 comments ↓

There are no comments yet...Kick things off by filling out the form below.

You must log in to post a comment.