Block formatting tags

HyperCode Tags to format text blocks

See the complete list of HyperCode Tags for block formatting. Unlike text/character formatting, these tags apply to entire blocks or whole paragraphs.

Block formatting tags delimit a piece of the page that will have specific properties and apply to entire blocks or, at minimum, entire paragraphs, unlike HyperCode Tags for text formatting which can be applied to small text snippets within a paragraph.

An example is a block that is displayed centered; or one that is displayed as a quote.

Additional properties:
Like most HyperCode Tags, all Tags described below optionally accept the properties class, style, and id. See Class, Style, id

Tag [p]: Paragraph

Creates and delimits a paragraph.

The p tag is transformed into an HTML <P> element.

HyperFluxCMS handles lines and paragraphs in a more automated and simpler way than HTML, eliminating the need for explicit insertion of paragraphs and line breaks.

See Automatic Line Breaks in HTML and Avoiding Automatic Line Breaks to understand better.

Therefore, the p tag by itself normally doesn't have much use, unless used together with class, style, and/or id with the intention of some fine-tuning on the page or manipulation of the paragraph via CSS or Javascript.

Example:

This is an example of a simple paragraph

Tag [block]: generic block

Creates and delimits a generic text block.

The block tag is transformed into an HTML <DIV> element.

The block tag by itself normally doesn't have much use, unless used together with class, style, and/or id.

Example:

Tag [center]: centered block

Creates and delimits a block in which texts and other elements appear centered on the page.

Example:

Tag [right]: right-aligned block

Creates and delimits a block in which texts and other elements appear right-aligned on the page.

Example:

Tag [left]: left-aligned block

Creates and delimits a block in which texts and other elements appear left-aligned on the page.

Example:

Tag [justify]: justified block

Creates and delimits a block in which texts and other elements appear justified (aligned to both right and left) on the page.

The final part of the paragraph is normally left-aligned. Therefore, the justification effect is only noticeable in paragraphs that occupy more than one line, and does not include the last line.

Example:

Tag [code]: code-formatted block

Creates and delimits a block in which texts and other elements appear as if they were code, typically using a monospaced font and with borders and background that highlight it from regular text.

Example:

Tag [hint]: Hint block

Creates and delimits a block in which texts and other elements appear as if they were a hint or useful information, typically with borders and background that highlight it from regular text.

Example:

Tag [important]: Important information block

Creates and delimits a block in which texts and other elements appear as if they were a hint or important information, typically with borders and background that highlight it from regular text. It receives more emphasis than a hint type block.

Example:

Tag [warning]: Important warning block

Creates and delimits a block in which texts and other elements appear as if they were an important warning, typically with borders and background that highlight it from regular text. It receives more emphasis than an important type block.

Example:

Tag [quote]: Quote block

Creates and delimits a block in which texts and other elements appear as if they were a quote, typically with borders and background that highlight it from regular text.

Example: