HTML Headings

---

---

HTML headings are defined with the <h1> to <h6> tags.
<h1> defines the most important heading. <h6> defines the least important heading:

Input | Example

 <h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
 <h4>This is heading 4</h4>
<h5>This is heading 5</h5>

OutPut | Result

This is heading 1
This is heading 2
This is heading 3
This is heading 4
This is heading 5

---

Headings Are Very Important

Search engines use the headings to index the structure and content of your web pages.
Users skim your pages 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.

Note: HTML headings should be used for headings only. Don't use headings to make text BIG or bold.

---

HTML Horizontal Rules

The <hr> tag defines a thematic break in an HTML page, and is most often displayed as a horizontal rule.
The <hr> element is used to separate content (or define a change) in an HTML page:
 

Input | Example

 

<h1>This is my first heading </h1>
<p>This is some text.</p>
<hr>
<h2>This is my second heading </h2>
<p>This is some other text.</p>
<hr>

OutPut | Result

This is my first heading

This is some text.

---

This is second heading

This is some other text.

---

---

 

---

<<>>

---