Formatação de Textos e Caracteres

 

Os comandos de formatação de caracteres são divididos em dois grupos: lógicos e físicos.

Estilos físicos:

<B>...</B> - destaca o texto em negrito

<I>...</I> - exibe o texto em itálico

<TT>...</TT> - formata o texto com fonte de tamanho fixo (máquina de escrever)

<U>...</U> - formata o texto como sublinhado

<STRIKE>...</ STRIKE > ou <S>...</S> ou <DEL>...</DEL> - formata o texto como riscado

<BIG>...</BIG> - aumenta o tamanho da fonte

<SMALL>...</SMALL> - reduz o tamanho da fonte

<SUB>...</SUB> - formata o texto como subscrito

<SUP>...</SUP> - formata o texto como sobrescrito

<PRE>...</PRE> - Preserva a formatação de um texto, conforme ele foi digitado. Não há necessidade de se preocupar com os elementos P ou BR para forçar a quebra de linha, pois dentro dessa seção o pressionamento da tecla ENTER é reconhecido pelo navegador.

 

Estilos Lógicos

<CITE>...</CITE> - define o texto em itálico para ser usado em citação ou referência de livros, obras e outros

<CODE>...</CODE> - define o texto com fonte de tamanho fixo (como courier) usado para código de programa

<DFN>...</ DFN > - formata o texto como definição e apresenta-se em itálico

<EM>...</EM> - dá ênfase ao texto e mostra-o em itálico

<KBD>...</ KBD > - define o texto como uma entrada pelo teclado. Será formatado com tamanho fixo (como courier)

<SAMP>...</SAMP> - formata o texto com fonte de tamanho fixo (como courier) usado para mensagens de computador

<STRONG>...</STRONG> - exibe o texto de forma enfatiza (duplamente negrito)

<VAR>...</VAR> - formata o texto em itálico para destacar a variável que deve ser alterada

 

Estilos Especiais

Possibilitam criar efeitos especiais.

<BLINK>...</ BLINK> - faz o texto piscar

Obs.: este elemento foi introduzido pelo Netscape e não funciona no Microsoft Internet Explorer

<MARQUEE>...</ MARQUEE > - faz o texto deslizar na tela, criando um efeito de animação

Obs.: este elemento foi introduzido pela Microsoft Internet Explorer e não funciona no Netscape

O elemento <MARQUEE> possui os seguintes parâmetros:

BGCOLOR – altera a cor de fundo do MARQUEE

BEHAVIOR – define como o texto vai se mover na tela. Permite aplicar os seguintes valores:

SCROLL – texto irá mover-se na mesma direção continuamente, da direita para a esquerda

SLIDE – texto irá mover-se de um ponto a outro na tela. Ao encostar na margem desaparecerá e votará a entrar.

ALTERNATE – o texto irá deslizar num movimento constante de vai e vem na tela.

DIRECTION – especifica a direção em que o texto irá se mover, permitindo os seguintes valores:

LEFT – o texto parte da direita para a esquerda

RIGHT – o texto parte da esquerda para a direita

LOOP – define o número de movimentos para o texto. O valor INFINITE executa o movimento infinitamente. Pode ser usado em conjunto com SCROLL, SLIDE, ALTERNATE

WIDTH – determina a largura ou comprimento da moldura do MARQUEE em relação à tela. Seus valores são especificados em pixels ou (%) porcentagem da tela.

HEIGHT – determina a altura da moldura do MARQUEE em relação à tela. Seus valores são especificados em pixels ou (%) porcentagem da tela.

HSPACE – altera as margens laterais externas do MARQUEE. Seus valores são expressos em pixels

VSPACE – altera as margens superior e inferior externas do MARQUEE. Seus valores são expressos em pixels

SCROLLAMOUNT – determina de quantos pixels será a distância do deslocamento do MARQUEE, a cada movimentação em milésimos de segundo.

SCROLLDELAY – define o tempo em milésimos de segundo, que cada distância vai percorrer no deslocamento do texto.

Exemplo do elemento MARQUEE

 

Formatação de Blocos de Texto

Bloco Identado

<BLOCKQUOTE>...</BLOCKQUOTE> - destaca o trecho envolvido por ele, aumentando as margens laterais e diminuindo o comprimento do texto, dando o efeito de identação.

Exemplo:

 

Bloco de endereço

<ADDRESS>...</ADDRESS> - identifica a autoria da home page, contendo endereços para contato, além de outras informações.

 

Centralização de Textos e de Outros Elementos

<CENTER>...</CENTER> - centraliza os objetos envolvidos por ele.

 

Divisão de texto

<DIV>...</DIV> - indica onde o texto deve se dividir. Permite definir o alinhamento para o bloco de texto com o parâmetro ALIGN.