HTML Headings
HTML headings are defined with the <h1> to <h6> tags.
<h1> defines the most important heading. <h6> defines the least important heading.
Example
|
1 2 3 4 5 6 |
<h1>Heading 1</h1> <h2>Heading 2</h2> <h3>Heading 3</h3> <h4>Heading 4</h4> <h5>Heading 5</h5> <h6>Heading 6</h6> |
Headings Are Important
Search engines use the headings to index the structure and content of your web pages.
Users often skim a page by its headings. It is important to use headings to show the document structure.
<h1> headings should be used for main headings, followed by <h2> headings, then the less important <h3>, and so on.
For example:
<h1>– Page title<h2>– Section titles<h3>– Sub-sections
Example
|
1 2 3 4 5 6 7 8 9 |
<h1>Travel Guide</h1> <h2>Europe</h2> <h3>France</h3> <h3>Italy</h3> <h2>Asia</h2> <h3>India</h3> <h3>Thailand</h3> |
HTML Paragraphs
The HTML <p> element defines a paragraph.
A paragraph always starts on a new line, and browsers automatically add some white space (a margin) before and after a paragraph.
Example
|
1 2 |
<p>This is a paragraph.</p> <p>This is another paragraph.</p> |