CMS Básico com PHP, HTML e CSS

Parte 1 - Conhecendo as nossas ferramentas de trabalho


Aula 2.6 - Blocos pré-formatados e de código

[voltar] [índice]

Não é raro querermos exibir algum trecho de código no documento ou algum dado preservando seu espaçamento original. Para essa finalidade, existe a tag <pre>:

<pre>

    MATRÍCULA NOME       NOTA
    ========= ========== =====
        01234 João         9.5
        34562 Maria       10.0
        56434 Helena       8.5

</pre>

O texto será exibido, por padrão, com fonte monoespaçada e todos os espaços e quebras de linha serão preservados.

Também serão exibidos com fonte monoespaçada, embora sem a preservação de espaços e quebras de linha, os textos nas tags <code> e <kbd> que, como seus nomes indicam, servem para representar trechos de código e teclas de atalho no corpo de um texto.

As tags <code> e <kbd>, além das tags <var> e <sample>, são ótimas alternativas para padronizar uma posterior estilização do documento com o CSS, ao mesmo tempo em que dão valor semântico ao conteúdo que elas representam.


A seguir...