Headings are important elements in HTML

HTML Headings h1 to h6 :

Headings are important elements in HTML that are used to structure and organize the content of a web page.

In HTML, there are six levels of headings, ranging from <h1> to <h6>. The <h1> element represents the highest level of heading, typically used for the main heading of a page. On the other hand, <h6> represents the lowest level of heading, often used for subheadings or less important headings.
Using headings properly is crucial for both the visual presentation and the accessibility of a webpage. Headings provide hierarchical structure and help users understand the content and navigate through it. Search engines also use headings to understand the context and relevance of the content on a page.

In this example, each heading tag is used to define a different level of heading, ranging from <h1> to <h6>.


<!DOCTYPE html>
<html>
<head>
  <title>Heading Example</title>
</head>
<body>
  <h1>This is a Heading level 1</h1>
  <h2>This is a Heading level 2</h2>
  <h3>This is a Heading level 3</h3>
  <h4>This is a Heading level 4</h4>
  <h5>This is a Heading level 5</h5>
  <h6>This is a Heading level 6</h6>
</body>
</html>

Here's the code for an HTML heading using the <h1> tag:


<!DOCTYPE html>
<html>
<head>
  <title>HTML Heading</title>
</head>
<body>
  <h1>This is a Heading</h1>
</body>
</html>

And here's the corresponding CSS to style the heading:


h1 {
  color: #333;
  font-size: 24px;
  font-weight: bold;
}