The 6 content blocks of HTML

A content block builds a content window of a web document. 9 HTML elements create the 6 kinds of content blocks..

The 5 kinds of content blocks are as follows:

The 9 HTML elements that create those 6 kinds of content blocks are as follows:

hgroup element

An hgroup element specifies a kicker or a subheading or both for a heading block.

The syntax expects the following:

<hgroup>
    [<p></p>]

    <h[#]></h[#]> 
    
    [<p></p>]
</hgroup>

kicker

A kicker briefs the title of a content section.

The syntax to create a kicker of a content section expects the following from an hgroup element.

<hgroup>
    <p>[kicker]</p>
    <h[#]>[section title]</h[#]>
</hgroup>

Subheading

A subheading elaborates the title of a content section.

The syntax to create a subheading of a content section expects the following from an hgroup element:

<hgroup>
    <h[#]>[section title]</h[#]>
    <p>[subtitle]</p>
</hgroup>

h1 element

An h1 element initiates a top-level section of a content window with a title.

The syntax expects the following:

<h1>
    [phrasing elements]
</h1>

h2 element

An h2 element initiates a first-level sub-section of a content window with a title.

The syntax expects the following:

<h2>
    [phrasing elements]
</h2>

h3 element

An h3 element initiates a second-level sub-section of a content window with a title.

The syntax expects the following:

<h3>
    [phrasing elements]
</h3>

h4 element

An h4 element initiates a third-level sub-section of a content window with a title.

The syntax expects the following:

<h4>
    [phrasing elements]
</h4>

h5 element

An h5 element initiates a fourth-level sub-section of a content window with a title.

The syntax expects the following:

<h5>
    [phrasing elements]
</h5>

h6 element

An h6 element initiates a fifth-level sub-section of a content window with a title.

The syntax expects the following:

<h6>
    [phrasing elements]
</h6>

p element

A p element signifies a paragraph of a content window.

The syntax expects the following:

<p>
    [phrasing elements]
</p>

pre element

A pre element signifies a preformatted paragraph of a content window.

The syntax expects the following:

<p>
    [phrasing elements]
</p>