Tags de formatação de blocos
Tags HyperCode para formatação de blocos
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
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
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
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
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
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
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.
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
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
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
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
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
Artigos mais recentes
Você também pode gostar