Programação
 › Algoritmo  › C/C++  › Java
Web
 › HTML/XHTML  › JavaScript  › PHP
Sistema Operacional
 › Comandos de DOS  › Windows  › Linux  › Mac/BSD
Office
 › Word / Writer  › Excel / Calc
Áreas do Site
 › Download  › Fórum  › Blog
Recomendamos
Computadores e Informática em Lisboa
TI Expert » Programação » Web » HTML/XHTML » Texto Pré-Formatado - tag PRE

Texto pré-formatado

O texto pré-formatado é um parágrafo demarcado para deixar o texto intacto. Como já vimos, os browsers não mantém os espaços em branco do código HTML.

O texto pré-formatado tem algumas características que um browser deve seguir.

Um browser, quando visual:

  • Deve manter os espaços em branco;
  • Os caracteres devem manter a mesma proporção tanto na altura quanto na largura;
  • Pode desabilitar a quebra automática de linha;
  • Não devem desabilitar o processamento bidirecional de texto.

Um browser, quando não visual, não precisa respeita os espaços em branco extras.

O texto pré-formatado é enclausurado na tag PRE que tem um atributo próprio, o WIDTH.

O WIDTH server para determinar qual será o tamanho da linha pré-formatada. Como os browsers desabilitam a quebra automática de linha, essa é a forma de determinar uma quebra. WIDTH recebe o número de caracteres que se deve ter por linhas. Mas, devemos ressaltar que este atributo está em desuso em favorecimento aos estilos CSS e apenas existe por motivos de compatibilidade com sistemas mais antigos.

Veja o exemplo abaixo:

...
<PRE>   O tempo é muito lento para os que esperam
      Muito rápido para os que tem medo
   Muito longo para os que lamentam
      Muito curto para os que festejam
   Mas, para os que amam,
               o tempo é eterno.</PRE>
...

O pequeno poema de William Shakespeare acima, seria renderizado da seguinte forma:

exemplo da formatação da tag PRE

Fonte: w3.org
Características - tag PRE (texto - formatação)
uso HTML 4.01 <PRE>...</PRE>
XHTML <PRE>...</PRE>
HTML 5 <PRE>...</PRE>
Formatação Padrão Fonte Monospace
Tamanho 13px
Cor #000000 (preto)
Margem Superior 13px
Inferior 13px
Esquerda 0px
Direita 0px
visualização inline
Atributos Aceitos id, class, width, title, lang, dir, style
Eventos Possíveis onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup

Creative Commons License
Autor: Denys William Xavier
Este artigo está sob Licença Creative Commons.

Faça o download da versão em PDF Indique nosso site Gostou?
Indique nosso site!
Este artigo foi
lido 34680 vezes
Bookmark e Compartilhe

Páginas Relacionadas

Enquete
O Google Chrome OS irá desbancar o Microsoft Windows 7?
» ProgramaçãoAlgorítmo | C/C++ | Java

» WebHTML/XHTML | JavaScript | PHP

» Sistema OperacionalComandos de DOS | Windows | Linux | Mac/BSD

» OfficeWord/Wirter | Excel/Calc

» Áreas do SiteDownloads | Fórum | Blog