www.pickatutorial.com Computer Tutorials
Top eBooks: C/C++ | C# | Android | Mathematics | Database | Cloud | Graphics | Networking | Oracle | Hardware | AI
Top Tutorials: C/C++ | C#.NET | PHP MySQL | Java | Java Script | jQuery | HTML | xHTML | HTML5 | VB Script| CSS
Lessons HTML Headings Bookmark and Share
Tutorial Home
Lesson 1
Lesson 2
Lesson 3
Lesson 4
Lesson 5
Lesson 6
Lesson 7
Lesson 8
Lesson 9
Lesson 10
Lesson 11
Lesson 12
Lesson 13
Lesson 14
Lesson 15
Lesson 16
Lesson 17
Lesson 18
Lesson 19
Lesson 20
Lesson 21
Lesson 22
Lesson 23
Lesson 24
Lesson 25
Lesson 26
Lesson 27
Lesson 28
Lesson 29
Lesson 30
Lesson 31
Lesson 32
Lesson 33
Lesson 34
Lesson 35
Lesson 36
You must already be familiar with the Headings. A heading is a title at the head of a page or section of a book etc. There are six levels of headings in HTML.

H1 is the highest level of headings followed by H2, H3, H4, H5 and H6. H1 is considered the most significant or important. The importance decreases as the heading number increases.

Heading should be used judiciously. Normally heading level 1 is used for for top level or main headings and heading level 2 and 3 for sub-headings.

Adding a heading in an HTML page is fairly straight forward, just place your heading text between the <h1> and </h1> tags. In the following text all levels of headings are shown.

<h1>Level 1 Heading</h1>
<h2>Level 2 Heading</h2>
<h3>Level 3 Heading</h3>
<h4>Level 4 Heading</h4>
<h5>Level 5 Heading</h5>
<h6>Level 6 Heading</h6>

The Result is as under:

Level 1 Heading

Level 2 Heading

Level 3 Heading

Level 4 Heading

Level 5 Heading
Level 6 Heading

Heading alignment:

Heading alignment can be controlled by using the align attribute. The align attribute takes the values; left, right, center or justify.

<h2 align="left">Level 2 Heading Left aligned</h2>

Level 2 Heading Left aligned

<h2 align="center">Level 2 Heading Centered</h2>

Level 2 Heading Centered

<h2 align="right">Level 2 Heading Right aligned</h2>

Level 2 Heading Right aligned

<h2 align="justify">Level 2 Heading Justified.....Note that the heading will only justfy itself if it is more than a single line...</h2>

Level 2 Heading Justified.....Note that the heading will only justfy itself if it is more than a single line...


Next >>> Lesson No. 9: Paragraphs and Line Breaks







Home - Advertise - Contact - Disclaimer - About Us
© Since 2006 pickatutorial.com -- All Rights Reserved.