Headings are defined with the
<h1> defines the most important heading.
<h6> defines the least important heading.
<h1>Heading 1</h1> <h2>Heading 2</h2> <h3>Heading 3</h3> <h4>Heading 4</h4> <h5>Heading 5</h5> <h6>Heading 6</h6>
Note: Browsers automatically add some white space (a margin) before and after a heading.
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.
Note: Use HTML headings for headings only. Don't use headings to make text BIG or bold.
<h1 style="font-size:60px;">Heading 1</h1>
HTML Horizontal Rules
<hr> element is used to separate content (or define a change) in an HTML page:
<h1>This is heading 1</h1> <p>This is some text.</p> <hr> <h2>This is heading 2</h2> <p>This is some other text.</p> <hr>
<!DOCTYPE html> <html> <head> <title>My First HTML</title> <meta charset="UTF-8"> </head> <body> . . .
Note: Metadata typically define the document title, character set, styles, links, scripts, and other meta information.
How to View HTML Source?
Have you ever seen a Web page and wondered "Hey! How did they do that?"
View HTML Source Code:
Inspect an HTML Element:
Right-click on an element (or a blank area), and choose "Inspect" or "Inspect Element" to see what elements are made up of (you will see both the HTML and the CSS). You can also edit the HTML or CSS on-the-fly in the Elements or Styles panel that opens.
|<html>||Defines the root of an HTML document|
|<body>||Defines the document's body|
|<head>||A container for all the head elements (title, scripts, styles, meta information, and more)|
|<h1> to <h6>||Defines HTML headings|
|<hr>||Defines a thematic change in the content|