Formatação de Texto

Há dois tipos de formatação em HTML: lógico e físico. Os efeitos de apresentação na tela são os mesmos: o motivo da distinção entre eles se deve à idéia básica de independência entre especificação e apresentação. Quando formatamos um trecho de texto como cabeçalho de nível 1, não explicitamos se esse tipo de cabeçalho deve ser em alguma fonte determinada, em um tamanho determinado, justificado à esquerda ou à direita, ou centralizado. Esses detalhes de apresentação são deixados para o browser - o dispositivo de apresentação do documento - que pode ser configurado de acordo com o leitor (usuário final). Desse modo, além de facilitar enormemente o trabalho de quem escreve os documentos, a linguagem garante a uniformidade de apresentação de cabeçalhos, parágrafos, listas, etc. A formatação lógica segue o significado lógico do texto marcado: um endereço de e-mail, uma citação etc. Sua apresentação final varia conforme o browser, podendo oferecer resultados mais ricos. A formatação física especifica explicitamente o estilo que se quer para o texto: itálico, grifado etc. Sua apresentação final não sofre grandes variações.

Comandos para Formatação de Texto:

Formatação Física
<CITE> Para títulos de livros, filmes, e citações curtas. Exemplo: Assisti Star Wars oito vezes!
<CODE> Para trechos de código de programas. Exemplo: for (x=0);
<DFN> Indica definição, em geral em itálico. Exemplo: CERN: Centre d Estudes et Recherches Nucleaires
<EM> Ênfase, normalmente em itálico. Exemplo: O nov valor é muito maior.
<KBD> Indica uma entrada via teclado. Exemplo: Para enviar arquivos , digite ftp -a
<SAMP> Seqüência de caracteres, mensagem ou resultado. Exemplo: Exibir na página: Alo, mundo!
<STRONG> Ênfase, em negrito. Exemplo: Antes de enviar um e-mail, confira o campo “Subject:”!
<VAR> Dados que o usuário escreverá; geralmente itálico. Exemplo: Em Login, escreva guest

Formatação lógica
<B> É mostrado em negrito.
<I> Itálico (em alguns casos, caracteres apenas inclinados)
<TT> Tipo teletype - fonte de espaçamento fixo.
<U> Sublinhado;
<STRIKE> ou <S> Frase riscada.
<BIG>Fonte um pouco maior
<SMALL>Fonte um pouco menor
<SUP>Frase em estilo ^expoente, como em Km².
<SUB> Frase em estilo _índice, como em H₂O.

Comandos para Blocos de Texto: <PRE> ... </PRE>

A linguagem HTML oferece as seguintes formatações de blocos de texto: Uma vez que <PRE> mantém o texto original, não se deve forçar espaços com essa marcação dentro de outra marcação que já apresente tabulações e espaços específicos. Até o momento, somente como uso de <PRE> é possível gerar parágrafos com texto justificado à esquerda e à direita. <PRE> Apresenta o texto na mesma maneira em que foi digitado, mantendo quebras de linha e tabulações:

<PRE>uma	 linha	 aqui,
outra ali,
   etc.</PRE>

Resulta em: 
uma	linha	aqui,
outra ali,
   etc.