Você está procurando a arquiteta e designer carioca Lia Siqueira? Clique aqui

Tag PRE ♥ Tag CODE

agosto 8th, 2008

Pra que será que serve as tags pre e code?

A tag code serve pra escrever um trecho de código sem que o navegador reconheça e aplique como código da página, ele deve aparece como um bloco de texto comum, que nem um páragrafo.

A tag pre, que eu saiba até agora, serve pra deixar o bloco de texto igualzinho como no código, tipo, se você escrever um bloco de código, e quiser colocar quebra de linha, não dá pra usar o porque ele vai ser reconhecido como parte do código e vai aparecer assim e não como a quebra de linha que você queria, então, no código você dá um enter no final da linha, e colocando tudo dentro da tag pre, a quebra de linha aparece no navegador.

Porém, se colocar a tag pre dentro da tag code, vai dar erro de validação, o que não é bom. Então, pra resolver esse problema, meu namorado descobriu como fazer a tag code ter a atribuição de quebra de linha da tag pre, usando CSS. :)

É só inserir essa propriedade:

code { white-space:pre; }

P.S: Eu coloquei essa propriedade no CSS do meu blog, pra aparecer como está acima. Caso eu não tivesse feito isso, esse bloco de código, estaria com as palavras uma ao lado da outra, e não com as quebras e linhas e espaço como está.

Outro exemplo:

#divtest{ padding:20px; color:#0000ff; }

Agora eu deixo uma dúvida: É valido colocar um formulário

dentro da tag

?? ?

Gostou desse Post?

Tá calor em Manaus!! Que tal pagar um sorvete pra mim?

3 Comentários em “Tag PRE ♥ Tag CODE”

  1. Ruan Carvalho Says:

    Epa

    Lia usando tags pra programação???!! Lia Programadora????!!! Seraaahh???!!! ih rapá.

    Btw… a tag pre me salva várias vezes. Quando tem alguma informação não encontrada.

    Te cuida, mulhé

  2. Raul Souza Lima Says:

    Olá Lia.
    Estava com esse mesmo problema no meu blog, o q eu rodei pra achar essa solução.
    Felizmente cai aqui, essa linhazinha de CSS me salvou.
    Tks!

  3. Eduardo Santos Says:

    Boa dica garota! :D

Faça um comentário sobre o post