Tag PRE ♥ Tag CODE
agosto 8th, 2008Pra 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
?












agosto 11th, 2008 at 21:36
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é
dezembro 14th, 2008 at 22:08
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!
fevereiro 3rd, 2009 at 22:54
Boa dica garota!