All Syllabus

Home About PHP HTML CSS SQL Java Script jQuery AJAX      

HTML

What is HTML ?

HTML Editors

HTML Basic Examples

HTML Elements

HTML Attributes

HTML Headings

HTML Paragraphs

HTML Formatting

HTML Styles

HTML Quotations

HTML ComputerCode

HTML Comments

HTML Styles - CSS

HTML Links

HTML Tables

HTML Lists

HTML Headings

Headings are important in HTML documents.


HTML Headings

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

<h1> defines the most important heading. <h6> defines the least important heading.

Example

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

Note: Browsers automatically add some empty space (a margin) before and after each heading.


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.

Users skim your pages by its headings. It is important to use headings to show the document structure.

h1 headings should be main headings, followed by h2 headings, then the less important h3, and so on.


HTML Horizontal Rules

The <hr> tag creates a horizontal line in an HTML page.

The hr element can be used to separate content:

Example

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

The HTML <head> Element

The HTML <head> element has nothing to do with HTML headings.

The HTML <head> element only contains meta data.

The HTML <head> element is placed between the <html> tag and the <body> tag:

Example

<!DOCTYPE html>
<html>

<head>
   <title>My First HTML</title>
   <meta charset="UTF-8">
</head>

<body>
.
.
.
  Meta data means data about data. HTML meta data is data about the HTML document.

The HTML <title> Element

The HTML <title> element is meta data.

It defines the HTML document's title. It will not be displayed in the document.

However, it might be displayed in one of the browser tabs.


The HTML <meta> Element

The HTML <meta> element is meta data.

It defines the character set used in the HTML document.


More Meta Elements

In the following chapter you will learn more about meta elements:

The HTML <style> element defines internal CSS style sheets.

The HTML <link> element can define external CSS style sheets.


HTML Tip - How to View HTML Source

Have you ever seen a Web page and wondered "Hey! How did they do that?"

To find out, right-click in the page and select "View Page Source" (in Chrome) or "View Source" (in IE), or similar in another browser. This will open a window containing the HTML code of the page.