4. Headers of different levels

In this practice we will see how to structure content with headers of different levels.

On the same web page it is not recommended to use more than four levels of headings. The purpose of the headings is to structure the content so that it is easier to understand. If too many divisions are used, comprehension becomes more difficult.

Labels used

<h1> </h1>
Top level header. Equivalent to a chapter title.
<h2> </h2>
Second level header. Equivalent to a section title.
<h3> </h3>
Third level header. Equivalent to a subsection title.
<h4> </h4>
Fourth level header.

Page code

_images/html-head-html.png

Result

_images/html-head-web.png