What is HTML Headings ?
HTML Heading tag defines the hierarchy and the structure of the web page content.
This helps in setting the titles or subtitles that we want to display on a webpage.
There are six levels of heading tags in HTML starts from <h1> to <h6>.
<H1> is the highest level heading tag and H6 the lowest level heading tag.
How heading tag is used ?
Heading tags are used to set titles and subheadings in the webpage.
The heading tag text width varies from <H1> to <H6> so we can use the tags according to our need.
Heading tags are used for highlighting important topics in the webpage.
Search engines uses the headings for indexing the structure and content of the webpage.
General guidelines for using heading tags
1. The main keyword of the whole content of a webpage should be display by h1 heading tag.
2. Heading elements (<h1> to <h6>) should be used for headings only. They should not be used just to make text bold or big
HTML syllabus !!!
Click to Learn More about – HTML Tutorial for beginners
- HTML Heading Tags
Example :
<!DOCTYPE html>
<html>
<head>
<title>Website Title</title>
</head>
<body>
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>
</body>
</html>
Output :
HTML language basics – HTML Class
Let Us Discover More About – HTML Class
2. HTML Nested Heading Tags
Example :
<!DOCTYPE html>
<html>
<head>
<title>Heading elements</title>
</head>
<body>
<h1>Main -> Heading 1 </h1>
<p>h1 Main heading is used to display the keyword of page </p>
<h2>Sub-Heading 1 ->Heading 2</h2>
<p>h2 is the first sub heading of page. </p>
<h3>Sub-Heading 2 -> Heading 3</h3>
<p>h3 is the second sub heading of page.</p>
</body>
</html>
Output :
Want to Learn More About – HTML Formatting
Let Us Discover More About – HTML Formatting
Video Tutorial – Watch on Youtube
HTML5 Full Tutorials For Beginners !!!
Click to Learn More about – HTML5 Tutorial for beginners