Defined with the <h1> to <h6> tags.
<h1> defines the most important heading. <h6> defines the least important heading.
Browsers automatically add some empty space (a margin) before and after each heading.
<!DOCTYPE html> <html> <head> <title>My Document Title</title> </head> <body> <h1>This is a h1 heading</h1> <h2>This is a h2 heading</h2> <h3>This is a h3 heading</h3> <h4>This is a h4 heading</h4> <h5>This is a h5 heading</h5> <h6>This is a h6 heading</h6> </body> </html>
Save & refresh browser:
This is a h1 heading
This is a h2 heading
This is a h3 heading
This is a h4 heading
This is a h5 heading
This is a h6 heading
Headings Are Important
Use HTML headings for headings only. Don't use headings to make text BIG or bold.
Search engines use your headings to index the structure and content of your web pages.
Since users may skim your pages by its headings, it is important to use headings to show the document structure.
H1 headings should be used as main headings, followed by H2 headings, then the less important H3 headings, and so on.