Conversation

Your input fuels progress! Share your tips or experiences on prioritizing mental wellness at work. Let's inspire change together!

Join the discussion and share your insights now!

Comments 0

advertisement

Explain the Heading tag in HTML

Profile Image

Zia

1 Follower

Jun 14, 2024
-
1 sec read
217
0
0
0

heading tag in html


Headings

The heading elements define headings for contents such as text and images. They specify a hierarchical structure of a Web page by grouping the contents into different headings.

HTML defines six levels of heading that range from H1 to H6. The H1 element specifies the top-level heading, which is displayed with the largest size. The H6 element specifies the lowest-level heading, which is displayed with the smallest size.

<!DOCTYPE html>

<html>
 <head>
  <title>Headings</title>
 </head>
 <body>
  <h1>H1 Heading</h1>
  <h2>H2 Heading</h2>
  <h3>H3 Heading</h3>
  <h4>H4 Heading</h4>
  <h5>H5 Heading</h5>
  <h6>H6 Heading</h6>
 </body>
</html>


  • The heading under the H1 tags will be displayed with the largest size. Each subsequent heading will be displayed in a size lower than its previous heading.

  • The heading under the H6 tags will be displayed with the lowest size.

HGROUP

The <hgroup> element is a new element defined in HTML5. It is used to group titles and their subtitles. The element is used to group a set of h1-h6 elements. These are used for headings that have multiple levels that can include subheadings, alternative titles, taglines, and so on. The main advantage of using the <hgroup> tag is to create a document outline.

<hgroup>
  <h1>Title</h1>
  <h2>Subtitle</h2>
</hgroup>

HTML heading in HTML basics of heading tag heading tag in html heading tag html tags heading tag in html with example

advertisement

Profile Image

Published by: 

1 Follower

Zia

Web Developer | App Developer | Freelancer | Blogger

More From: 
Zia
create project in flutter
Create a Flutter application in Android...

Flutter applications can be created with different code editors. The best way ...
Profile Image
Zia
Jun 12, 2024
270
0
0
0
Introduction to HTML5
Introduction & Basics of HTML5

All elements in HTML5are organized using tags. The basic tags in HTML5 ...
Profile Image
Zia
Jun 14, 2024
220
0
0
0
Audio and Video in HTML5
The Need for Multimedia in...

Traditionally, Web browsers were capable of handling only graphics and text. Suppose ...
Profile Image
Zia
Jul 24, 2024
226
0
0
0
selection statement in dart
Decision-making statement in Dart Programming

Decisionmaking statements help to identify which statementblock of statements should be executed ...
Profile Image
Zia
Jun 5, 2024
362
0
0
0
Recomended
API in JavaScript
What are API - APIs...

An application programming interface API is defined as aset of tools, routines, ...
Profile Image
Zia
Feb 8, 2024
196
0
0
0
Indexed Database API
How to Use Indexed Database...

A database is an organized collection of data. Databases, such as relational ...
Profile Image
Zia
Jul 30, 2024
218
0
0
0
SCRUM
Scrum: Framework, Theory, Essence, Principles,...

Scrum is an Agileframework that lets you create a lightweight process for ...
Profile Image
Zia
May 28, 2024
120
0
0
0