When your HTML code is displayed in a browser, the h1 element helps rearrange the size of the text. The h1–h6 tags, which show the most and least important text, respectively, define headings.
<!DOCTYPE html>
<html>
<body>
<h1>This is Heading 1 Text</h1>
<h2>This is Heading 2 Text</h2>
<h3>This is Heading 3 Text</h3>
<h4>This is Heading 4 Text</h4>
<h5>This is Heading 5 Text</h5>
<h6>This is Heading 6 Text</h6>
</body>
</html>
Headings are crucial because search engines use them to index the content’s structure and formatting on web pages. You must use them for the text that stands out among the other content on your web page because it reveals the document’s structure. However, do not use them to increase the size of your texts. Even small text within a paragraph can be styled to grow as large as you like.
<!DOCTYPE html>
<html>
<body>
<h1>Example to show how you can make any tag text bigger </h1>
<p style="font-size:60px;">Using the font-size property of the style attribute, you can alter the size of a heading.
</p>
</body>
</html>Conclusion
In this article, you learned about HTML Headings