Scribd
Upload
21 views

HTML Heading - Javatpoint

The document discusses HTML headings, which are defined using tags from h1 to h6, with h1 being the largest and most important and h6 being the smallest and least important. Headings help search engines index a webpage's structure. Examples are provided showing how headings can be nested and formatted.

Uploaded by

mdfaisaliqbal14012004
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
21 views

HTML Heading - Javatpoint

The document discusses HTML headings, which are defined using tags from h1 to h6, with h1 being the largest and most important and h6 being the smallest and least important. Headings help search engines index a webpage's structure. Examples are provided showing how headings can be nested and formatted.

Uploaded by

mdfaisaliqbal14012004
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 3

5/2/24, 4:20 PM HTML Heading - javatpoint

HTML Heading
A HTML heading or HTML h tag can be defined as a title or a subtitle which you want to display on the webpage. When you place the text within
the heading tags <h1>.........</h1>, it is displayed on the browser in the bold format and size of the text depends on the number of heading.

There are six different HTML headings which are defined with the <h1> to <h6> tags, from highest level h1 (main heading) to the least level h6
(least important heading).

h1 is the largest heading tag and h6 is the smallest one. So h1 is used for most important heading and h6 is used for least important.

Headings in HTML helps the search engine to understand and index the structure of web page.

Note: The main keyword of the whole content of a webpage should be display by h1 heading tag.

See this example:

<h1>Heading no. 1</h1>


<h2>Heading no. 2</h2>
<h3>Heading no. 3</h3>
<h4>Heading no. 4</h4>
<h5>Heading no. 5</h5>
<h6>Heading no. 6</h6>

Test it Now

Output:

Heading no. 1
Heading no. 2
Heading no. 3

Heading no. 4

Heading no. 5

https://www.javatpoint.com/html-heading 2/6
5/2/24, 4:20 PM HTML Heading - javatpoint
Heading no. 6

Heading elements (h1....h6) should be used for headings only. They should not be used just to make text bold or big.

HTML headings can also be used with nested elements. Following are different codes to display the way to use heading elements.

Example:

<!DOCTYPE html>
<html>
<head>
<title>Heading elements</title>
</head>
<body>
<h1>This is main heading of page. </h1>
<p>h1 is the most important heading, which is used to display the keyword of page </p>
<h2>This is first sub-heading</h2>
<p>h2 describes the first sub heading of page. </p>
<h3>This is Second sub-heading</h3>
<p>h3 describes the second sub heading of page.</p>
<p>We can use h1 to h6 tag to use the different sub-heading with their paragraphs if
required.
</p>
</body>
</html>

Output:

https://www.javatpoint.com/html-heading 3/6
5/2/24, 4:20 PM HTML Heading - javatpoint

Supporting Browsers

Element Chrome IE Firefox Opera Safari

<h1> to <h6> Yes Yes Yes Yes Yes

← Prev Next →

For Videos Join Our Youtube Channel: Join Now

Feedback

Send your Feedback to [email protected]

Help Others, Please Share

Learn Latest Tutorials

https://www.javatpoint.com/html-heading 4/6

You might also like