- The <h1> to <h6> tags create headings in HTML.
- where <h1> is the biggest and most important, and <h6> is the smallest and least important
HTML HEADING ELEMENTS
- The tag's element name is case-insensitive.
- A single H1 is typically used per page.
- Follow the hierarchy from H1 to H6 consistently.
<h1> Tag: First-Level Heading
- The <h1> tag is typically large and bold around 24px to 36px.
<h2> Tag: Second-Level Heading
- The <h2> tag is sightly small around 18px to 24px.
<h3> Tag: Third-Level Heading
- The <h3> tag is smaller than h2 around 16px to 24px.
<h4> Tag: Fourth-Level Heading
- The <h4> tag is around 14px to 20px
<h5> Tag: Fifth-Level Heading
- The <h5> tag is around 12px to 18px.
<h6> Tag: Sixth-Level Heading
- The <h6> tag is around 10px to 16px.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Headings and Paragraphs</title>
</head>
<body>
<h1>Headingh1</h1>
<h2>Headingh2</h2>
<h3>Headingh3</h3>
<h4>Headingh3</h4>
<h5>Headingh3</h5>
<h6>Headingh3</h6>
</body>
</html>
INTERVIEW Q: HTML HEADING ELEMENTS
- How many levels of headings are available in HTML?
- What is the default font size for HTML headings?
- What happens if you skip heading levels, such as going from <h1> to <h3>?
- How many <h1> tags can be used on a single page?
Do leave your comments