HTML Tutorial

Alinhamento
Títulos
Linhas
Listas
Tabelas
Imagens
Mapas Clicáveis
Formulários
Frames

Formatação de texto

  • Uso da tag <basefont> 

Esta tag define a fonte padrão para o texto através de 3 atributos: size, color e face.
O atributo size pode ter valores de 1 a 7. O default é "3".
O atributo color pode ter valores que são nomes de cores em inglês ou seus valores em hexadecimal. O default é "black" ou "#000000".
O atributo face pode ter valores que são nomes fontes específicas (Arial, Times NewRoman, Courier, Verdana) ou fontes genéricas (serif, sans-serif, cursive, fantasy, monospace). O default é "Times NewRoman".
Exemplo:
<basefont size="3" color="blue" face="Arial">
Observe que a partir desse ponto a fonte foi trocada de Times New Roman para Arial.
Observe que a partir desse ponto a fonte foi trocada de Times New Roman para Arial.
  • Uso da tag <font>

Esta tag atribui uma determinada fonte a um trecho específico de texto, através dos mesmos atributos size, color e face. Exemplo:
Veja como <font size="4" color="green" face="Verdana"> o texto </font> fica modificado
Veja como o texto fica modificado.
  • Uso da tag <b> (bold, negrito)

Esta tag atribui o estilo negrito ao texto. Exemplo:
<b>Texto em negrito</b>
Texto em negrito
  • Uso da tag <strong> (força)

Esta tag atribui força ao texto, mas na prática lhe atribui estilo negrito. Exemplo:
<strong>Texto forte</strong>
Texto forte
  • Uso da tag <i> (itálico)

Esta tag atribui o estilo itálico ao texto. Exemplo:
<i>Texto em itálico</i>
Texto em itálico
  • Uso da tag <address> (endereço)

Esta tag é usada especialmente para indicar informações sobre o autor e a página, mas na prática atribui o estilo itálico ao texto.  Inicia e termina com uma quebra de linha.  Exemplo:
<address>Texto com informações</address>
Texto com informações
  • Uso da tag <em> (ênfase)

Esta tag atribui ênfase ao texto, mas na prática lhe atribui estilo itálico.  Tags semelhantes e pouco usadas: <cite> (citação), <var> (variável) e <dfn> (definição).  Exemplo:
<em>Texto enfatizado</em>
Texto enfatizado
  • Uso da tag <u> (underline, sublinhamento)

Esta tag atribui estilo sublinhado ao texto. Exemplo:
<u>Texto sublinhado</u>
Texto sublinhado
  • Uso da tag <del> (tachado, riscado)

Esta tag atribui estilo riscado ao texto. Exemplo:
<del>Texto riscado</del>
Texto riscado
  • Uso da tag <strike> (tachado, riscado)

Esta tag atribui estilo riscado ao texto. Exemplo:
<strike>Texto riscado</strike>
Texto riscado
  • Uso da tag <sup> (sobrescrito)

Esta tag atribui estilo sobrescrito ao texto. Exemplo:
Veja essa equação: 4<sup>3</sup>=64
Veja essa equação: 43=64
  • Uso da tag <sub> (subscrito)

Esta tag atribui estilo subscrito ao texto. Exemplo:
A fórmula química da água é: H<sub>2</sub>O
A fórmula química da água é: H2O
  • Uso da tag <tt> (fonte monoespaçada)

Esta tag atribui estilo monoespaçado à fonte do texto. Tags semelhantes e pouco usadas: <samp> (exemplificação), <code> (trecho de código) e <kbd> (texto entrado pelo teclado).  Exemplo:
<tt>Acima vimos a fórmula química da água</tt>
Acima vimos a fórmula química da água
Acima vimos a fórmula química da água
  • Uso da tag <pre> (pré-formatação)

Esta tag atribui estilo pré-formatado à fonte do texto. Assemelha-se à tag <tt>, mas inicia e termina com duas quebras de linha.  Exemplo:
<pre>Acima vimos a fórmula química da água</pre>
Acima vimos a fórmula química da água
Acima vimos a fórmula química da água
  • Uso da tag <big> (grande)

Esta tag atribui estilo grande à fonte do texto. Exemplo:
<big>Acima vimos a fórmula química da água</big>
Acima vimos a fórmula química da água
Acima vimos a fórmula química da água
  • Uso da tag <small> (pequeno)

Esta tag atribui estilo pequeno à fonte do texto. Exemplo:
<small>Acima vimos a fórmula química da água</small>
Acima vimos a fórmula química da água
Acima vimos a fórmula química da água
Hosted by www.Geocities.ws

1