Tags for page headers

In addition to paragraphs, headings are of great importance on the page. They can also be compared to headings in a book - each chapter has its own heading (the name of this chapter) and is divided into paragraphs, which also have their own headings. Well, and the main text of the page is located in paragraphs.

Headings are created using the tags h1, h2, h3, h4, h5, h6. They have different levels of importance. The heading h1 should contain the name of the entire HTML page, h2 - the name of the page blocks, h3 - the name of the sub-blocks, and so on.

All headings are bold by default and have different sizes (this can be changed via CSS, but more on that later). For example, let's make headings of all levels:

<h1>Heading h1</h1>
<h2>Heading h2</h2>
<h3>Heading h3</h3>
<h4>Heading h4</h4>
<h5>Heading h5</h5>
<h6>Heading h6</h6>

Copy the above code and run it in your browser. See how the sizes of the headings differ.

Make a heading h1. Below that, make a heading h2, and below that, a paragraph with text. After the paragraphs, make another heading h2, and below that, a 2 paragraph with text.