Headings in HTML
- The <h1> to <h6> tags are used to set up headings in HTML.
- <h1> shows which heading is the most important.<h6> is the heading that is the least important.
- The <h1> to <h6> tags define six different HTML headings, from the highest level h1 (the main heading) to the lowest level h6 (least important heading).
- The most important heading tag is h1, and the least important is h6. So the most important heading is h1, and the least important is h6.
- Headings in HTML are titles or subtitles you want to show on a webpage.
- Headings in HTML help the search engine figure out how a web page is put together so it can index it.
- Nestled elements can also use HTML headings. Here are a number of codes that show how to use heading elements.
example:
<h1>Your Heading h1</h1>
<h2>Your Heading h2</h2>
<h3>Your Heading h3</h3>
<h4>Your Heading h4</h4>
<h5>Your Heading h5</h5>
<h6>Your Heading h6</h6>
Titles importance
Search engines use the headings to figure out how your web pages are organised and what they are about.
People tend to skim a page by looking at its headings. Use headings to show how the document is put together.
Use <h1> headings for the most important headings, <h2> for the next most important, <h3> for the next least important, and so on.
Note: HTML headings should only be used for headings. Don’t make text BIG or bold by using headings.
Bigger Headings
Every heading in HTML has a set size. But with the style attribute and the CSS font-size property, you can change the size of any heading: