HyperFluxCMS

Fast. Flexible. Free.

HyperFluxCMS

Tags de formatação de blocos

Tags HyperCode para formatação de blocos

publicado 01/01/2025 15:08, atualizado 14/04/2026 23:17

Veja a lista completa de Tags HyperCode para formatação de blocos. Ao contrário da formatação de textos/caracteres, essas tags se aplicam a blocos ou parágrafos inteiros.

As Tags de formatação de blocos delimitam um pedaço da página que terá propriedades específicas e se aplicam a blocos inteiros ou, no mínimo, parágrafos inteiros, ao contrário das Tags HyperCode para formatação de textos que podem ser aplicadas a pequenos trechos de texto dentro de um parágrafo.

Um exemplo é um bloco que seja exibido centralizado; ou um que seja exibido como uma citação.

Propriedades adicionais:
Como a maioria tas Tags HyperCode, Todas as Tags descritas a seguir aceitam opcionalmente as propriedades class, style e id. Veja Class, Style, id

Tag [p]: Parágrafo

Cria e delimita um parágrafo.

A tag p, é transformada em um elemento HTML <P>.

O HyperFluxCMS lida com linhas e parágrafios de forma automatizada e mais simples do que o HTML, dispensando o uso de inserção explícita de parágrafos e quebras de linha.
Veja Quebra Automática de Linhas em HTML e Evitando Quebra Automática de Linhas para entender melhor.

Por isso, a tag p, isolada, normalmente não tem muito uso, a não ser que seja usada em conjunto com class, style e/ou id e tenha a intenção de algum ajuste fino na página ou manipulação do parágrafo por CSS ou Javascript.

Exemplo:

[p]Este é um exemplo de parágrafo simples[/]

Este é um exemplo de parágrafo simples

Tag [block]: bloco genérico

Cria e delimita um bloco de textos genérico.

A tag block, é transformada em um elemento HTML <DIV>.

A tag block, isolada, normalmente não tem muito uso, a não ser que seja usada em conjunto com class, style e/ou id.

Exemplo:

[block]Este é um exemplo de bloco genérico simples[/]

Este é um exemplo de bloco genérico simples

Tag [center]: bloco centralizado

Cria e delimita um bloco em que os textos e outros elementos apareçam centralizados na página.

Exemplo:

[center]Este é um exemplo de bloco centralizado[/]

Este é um exemplo de bloco centralizado

Tag [right]: bloco alinhado à direita

Cria e delimita um bloco em que os textos e outros elementos apareçam alinhados à direita na página.

Exemplo:

[right]Este é um exemplo de bloco centralizado[/]

Este é um exemplo de bloco alinhado à direita

Tag [left]: bloco alinhado à esquerda

Cria e delimita um bloco em que os textos e outros elementos apareçam alinhados à esquerda na página.

Exemplo:

[left]Este é um exemplo de bloco alinhado à esquerda[/]

Este é um exemplo de bloco alinhado à esquerda

Tag [justify]: bloco justificado

Cria e delimita um bloco em que os textos e outros elementos apareçam alinhados justificados à direita e à esquerda na página.

A parte final do parágrafo é alinhado normalmente à esquerda. Portanto, o efeito de justificação só é notável em parágrafos que ocupem mais de uma linha, e não incluem a última.

Exemplo:

[justify]
Este é um exemplo de bloco justificado curto.
[justify]

[justify]
Este é um exemplo de bloco justificado longo. Como o parágrafo é bem grande, com muito texto e ocupa mais de uma linha de texto, então o efeito de justificação deverá ser visível. Ainda assim, em telas muito grandes, pode continuar não aparecendo. Se for o caso, redimensione a janela do navegador para que a janela de visualização tem uma largura útil menor e force este parágrafo a quebrar linha para que se possa demonstrar o efeito de texto justificado.
[/justify]

Este é um exemplo de bloco justificado curto.

Este é um exemplo de bloco justificado longo. Como o parágrafo é bem grande, com muito texto e ocupa mais de uma linha de texto, então o efeito de justificação deverá ser visível. Ainda assim, em telas muito grandes, pode continuar não aparecendo. Se for o caso, redimensione a janela do navegador para que a janela de visualização tem uma largura útil menor e force este parágrafo a quebrar linha para que se possa demonstrar o efeito de texto justificado.

Tag [code]: bloco formatado como código

Cria e delimita um bloco em que os textos e outros elementos apareçam como se fosse código, normalmente usando fonte monoespaçada e com bordas e fundo que o destaque do texto comum

Exemplo:

[code]Este é um exemplo de bloco exibido como código[/]

Este é um exemplo de bloco exibido como código

Tag [hint]: bloco de Dica

Cria e delimita um bloco em que os textos e outros elementos apareçam como se fossem uma dica ou informação útil, normalmente e com bordas e fundo que o destaque do texto comum.

Exemplo:

[hint]Este é um exemplo de bloco exibido como dica[/]

Este é um exemplo de bloco exibido como dica

Tag [important]: bloco de informação importante

Cria e delimita um bloco em que os textos e outros elementos apareçam como se fossem uma dica ou informação importante, normalmente e com bordas e fundo que o destaque do texto comum. Ela recebe mais destaque do que um bloco do tipo hint

Exemplo:

[important]Este é um exemplo de bloco exibido como informação importante[/]

Este é um exemplo de bloco exibido como informação importante

Tag [warning]: bloco de alerta importante

Cria e delimita um bloco em que os textos e outros elementos apareçam como se fossem uma aviso importante, normalmente e com bordas e fundo que o destaque do texto comum. Ela recebe mais destaque do que um bloco do tipo important

Exemplo:

[warning]Este é um exemplo de bloco exibido como aviso importante[/]

Este é um exemplo de bloco exibido como aviso importante

Tag [quote]: bloco de citação

Cria e delimita um bloco em que os textos e outros elementos apareçam como se fossem uma citação, normalmente com bordas e fundo que o destaque do texto comum.

Exemplo:

[quote]Este é um exemplo de citação[/]

Este é um exemplo citação