REPOSITÓRIO DA LÍA » html

Tag PRE ♥ Tag CODE

admin — Fri, 08 Aug 2008 15:36:40 +0000

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

Assuntos relacionados:

Link para voltar à página anterior

lia — Fri, 30 May 2008 18:49:26 +0000

Tá, vc vai me dizer que isso é uma bobagem pra ter direito a um post, mas quando se leva em consideração a minha memória, esse post torna-se extremamente necessário.

Esse script tem praticamente a mesma função que o “botão voltar” dos navegadores, então eu poderia nem usá-lo. Mas eu uso sabe porque? Por que tem algumas pessoas, usuários primários, que não conseguem pensar no botão de voltar do navegador ou até mesmo nem sabem que ele tem essa função. E também por causa das pessoas que navegam usando o teclado, como deficientes visuais por exemplo.

Então a nível de lembrete:

Voltar

Ao clicar no link, a página retorna á página anterior. Pronto, bem simples.

Uma dica: Esse link funciona, pode testar, mas você vai ver também que ao colocar o mouse em cima, o cursor não vira “mãozinha”. Se isso te incomodar como me incomoda, vc pode aplicar uma “class” a esse link e colocar no CSS: cursor:pointer; Funciona em todos os navegadores.

Assuntos relacionados:

Aprenda HTML

lia — Thu, 20 Mar 2008 03:27:09 +0000

Fácil, fácil!!!

Eu encontrei essas imagens na internet, e infelizmente não lembro aonde, por isso não dá pra colocar a fonte.

Assuntos relacionados:

Quer fazer Pop-up no Flash???

lia — Sun, 23 Dec 2007 16:54:22 +0000

Basta inserir este código java script no botão.

on (release) {
getURL (“javascript:window.open(‘pagina.html’,'width=290,height=410,top=0,left=0′); void(0);”);
}