Heading Tags

       No comments

 



  • 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.

<h1>
  <!-- Heading content -->
</h1>

<h2> Tag: Second-Level Heading

  • The <h2> tag is sightly small around 18px to 24px.

<h2>
  <!-- Heading content -->
</h2>

<h3> Tag: Third-Level Heading

  • The <h3> tag is smaller than h2 around 16px to 24px.

<h3>
  <!-- Heading content -->
</h3>

<h4> Tag: Fourth-Level Heading

  • The <h4> tag is around 14px to 20px 

<h4>
  <!-- Heading content -->
</h4>

<h5> Tag: Fifth-Level Heading

  • The <h5> tag is around 12px to 18px.

<h5>
  <!-- Heading content -->
</h5>

<h6> Tag: Sixth-Level Heading

  • The <h6> tag is around 10px to 16px.

<h6>
  <!-- Heading content -->
</h6>


<!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?


0 Comments:

Post a Comment

Do leave your comments