HTML Headings

When you are keeping a webpage together, you don't just want a wall of the text - readers require a signposts to follow together. This is where HTML steps into titles. They are like the title and subtitle in a book, both people and search engines help understand the structure of your content.

HTML gives you six heading tags to play: <h1>, <h2>, <h3>, <h4>, <h5>, <h5>, and <h6>. Numbers are not random - <h1> is the greatest and most important (think it as the main title), while <h6> is the smallest (like a small subheading). Here's how they look:

<h1>Welcome to My Website</h1>
<h2>About Me</h2>
<h3>My Hobbies</h3>

On the page, "welcome to my website" will be bold and huge, "about me" will be a little smaller, and "my hobbies" are still small.

Why use headings? First of all, they make your page skimable- the readers can jump to them for what interest. Second, they are a great thing for the search engine; A <h1> tells Google what your page is. But here is a crook tip: not to use several <h1> tags on one page - this is two "main title", which confuses things. Stick to a <h1>, then use <h6> from <h2> for subdivisions.

Try this example:

<h1>My Blog</h1>
<h2>Latest Post</h2>
<p>Here’s what I did today...</p>

It is simple, but it feels already organized. As you practice, play with titles to see how they shape your page - adjust automatically, but you can subdue them later with styles. For now, just focus on using them to break your content like a supporter!

How-To Guides for HTML

No How-To Guide is available right now.

Keep Learning & Level Up!

Enhance your HTML skills with our in-depth tutorials and interactive quizzes.

Explore HTML Quiz