Headings are defined with the <h1> to <h6> tags.
<h1> defines the most important heading. <h6> defines the least important heading.
<h1> This is Heading 1 </h1>
<h2> This is Heading 1 </h2>
<h3> This is Heading 1 </h3>
<h4> This is Heading 1 </h4>
<h5> This is Heading 1 </h5>
<h6> This is Heading 1 </h6>
Headings Are 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.
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:
Example:
<h1> This is A Heading </h1>
<p> Write Some Text Here </p>
<hr>
<h2> This is Heading 2 </h2>
<p> This is other Paragraph </p>
The HTML <head> Element
The HTML <head> element has nothing to do with HTML headings.
The <head> element is a container for metadata. HTML metadata is data about the HTML
document. Metadata is not displayed.
The <head> element is placed between the <html> tag and the <body> tag:
Example:
<!DOCTYPE>
<html>
<head>
<title> My First HTML </title>
<meta charset = "UTF-6">
</head>
<body>
.
.
.
.
</body>
</html>