Inserting Headings

How to insert Headings into the pages using HyperCode

Inserting Headings into your post written in HyperCode is quite easy. See how.

Headings are short texts, usually only one line long, written in larger fonts than the standard and highlighted. They are normally used to indicate the title or beginning of a chapter or section of the post.

Headings can have multiple levels. For example, in a long post talking about a certain country, there may be a highlighted title (a Heading level 1) starting a section talking about its History.

Within this section there may be a series of sub-sections, each with its own subtitle (a Heading level 2, less prominent), for example one talking about the colonial period.

Within this sub-section there may be another series of sub-sub-sections, each with its own subtitle (a Heading level 3, even less prominent), for example one talking about a specific war. And so on.

Just like in HTML, HyperCode supports up to 6 (six) levels of Headings.

Throughout this document, the number which can be from 1 to 6 can be replaced by "x", showing Hx to indicate that the information applies to any heading level, such as h1 and h4, for example.

Besides serving to organize the text into sections that make it easy for the reader to find the information they are looking for, Headings are also used by HyperFluxCMS to generate Index objects, which function as an index, table of contents, of a page, facilitating visitor navigation by allowing them to go directly to the section that interests them.

A Heading acts as a block formatting tag. It is not possible to have a Heading using only part of a line. This will cause the site to appear strangely, breaking lines undesirably. A Heading should take up an entire line or paragraph.

It is recommended that the Heading be a very brief text, just a title with few words.

The syntax and way of using all Headings, from level 1 to level 6, are exactly identical. The only thing that changes is the number after the H and the emphasis it will receive in the text.

The part that will be displayed prominently is that which comes after the [Hx] and before the [/Hx] or [/].

For example, to create a level 2 Heading with the text "Colonial Period", use

Tag [h1]: Heading level 1

Inserts a level 1 Heading on the page.

Tag [h2]: Heading level 2

Inserts a level 2 Heading on the page.

Tag [h3]: Heading level 3

Inserts a level 3 Heading on the page.

Tag [h4]: Heading level 4

Inserts a level 4 Heading on the page.

Tag [h5]: Heading level 5

Inserts a level 5 Heading on the page.

Tag [h6]: Heading level 6

Inserts a level 6 Heading on the page.

Examples

It is displayed like this:

HyperFluxCMS

Markup Languages

HyperCode

Headings

Optional Properties

Like most HyperCode Tags, Hx optionally accepts the properties class, style, and id for additional title customization. See Class, Style, id