HTML Headings, Lines & Comments

HTML Headings

Headings are defined with the <h1> to <h6> tags.

<h1> defines the largest heading. <h6> defines the smallest heading.

Browsers automatically add an empty line before and after headings.

EXAMPLE:

<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>

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 less important H3 headings, and so on.

HTML Rules (Lines)

The <hr /> tag is used to create an horizontal rule (line).

EXAMPLE:

<p>This is a paragraph</p>
<hr />
<p>This is a paragraph</p>
<hr />
<p>This is a paragraph</p>

HTML Comments

Comments can be inserted in the HTML code to make it more readable and understandable. Comments are ignored by the browser and are not displayed.

Comments are written like this:

EXAMPLE:

<!– This is a comment –>

Note that there is an exclamation point after the opening bracket, but not before the closing bracket.