Incrveis e raros cdigos html

Edu Chaves 07/09/2009 Dicas Aqui esto raros, teis e bonitos cdigos html para texto,imagens e

links. Alguns exemplos: cdigo marquee,tag acronym,link mailto e boto submit com imagem ...so alguns deles. Veja abaixo: (Para a melhor visualizao dos cdigos, deixe a pgina carregar por completo)

1) HTML- Cdigos Marquee

O cdigo marquee um texto ou imagem em movimento. Se voc quiser chamar ateno use o cdigo marquee. Mas no abuse, pois pode tornar-se irritante e desconcentrar o leitor. Seria til para mostrar atualizao, para post populares e anncios. Exemplo 1- Texto pra-l-pra-c

<marquee behavior=alternate width="190" scrollamount="7" scrolldelay="96" height="20" bgcolor="#E0FFFF"><font size="5">Seu texto aqui</font></marquee> Exemplo 2: Scrolling text

<marquee direction=up scrollAmount=0scrollDelay=0 style="filter:wave(add=13,phase=1,freq=3,strength=25)" width=100 height=220><font style="font-family:arial; comic sans ms;font-size:20px;color:.000000"> <b><br>S<br>E<br<br>Q<br>U<br>E<br> L<br>A<br>N<br>E<br>T</font></marquee>

Exemplo 3: Scrolling Text

<marquee direction="right" bgcolor="#E0FFFF">Marquee uma espcie de Letreiro </marquee> WIDTH: define a largura HEIGHT: define a altura DIRECTION: a direo que o letreiro deve rolar BEHAVIOR: a fonte (type) da rolagem SCROLLDELAY: o tempo de resposta em cada delay SCROLLAMOUNT: como far o loop LOOP: a medida do loop BGCOLOR: cor do background HSPACE: espao horizontal em torno do marquee VSPACE: espao vertical em torno da marquee Se no gosta de digitar cdigos, faa em Gerador de cdigo marquee. Mais sobre cdigo marquee.

2)Link para E-Mail

Para fazer um simples e til link de email, para os visitantes entrarem em contato com voc, deve usar este cdigo hml. Exemplo 1: E-Mail Link com imagem

<a href="mailto:seuemail@gmail.com"><img alt="Cdigo hml Email Link" height="102" src="http://hackspc.com/wp-content/uploads/2009/04/contact-us1.jpg" title="Contate-nos" width="100"/></a> Exemplo 2: Link de email comum Contato

<a href="mailto:seuemail@gmail.com">Contato</a> Exemplo 3: Email Link com assunto Enviar email! <a href="mailto:seuemail@gmail.com?Subject=Sobre o Sequelanet">Enviar email!</a> Obs: mailto:seuemail@gmail.com nesta parte do cdigo coloque o seu endereo de email.

3)Boto "Submit" com imagem

Este simples cdigo permite mudar o boto "submit" por uma imagem. Sem o atributo "Value" e "img scr" ele pode ficar assim , com imagem ele fica com uma aparncia melhor.

<button type="submit" name="submit" value="submit"><img src="http://hackspc.com/wp-content/uploads/2009/04/submitbutton.jpg" /></button>

4)Efeito de texto HTML para criar um logo

Veja como criar um texto logotipo com html.

Este meu Logo Text

<p ><font size="5"><b>Este meu <span style="background: #CCCCCC; padding: 5px 5px 5px 5px;">Logo Text</span></b></font></p>

5)Raras Tags Html

Aqui esto raras tags html, que pode ser til em certas situaes.Esses raros cdigos ainda esto em uso. Exemplo 1- Acronym Quando voc passa o mouse sobre o texto com a tag acronym, aparece abaixo do texto uma caixa com um texto explicativo. Mas nem sempre usado para siglas. Serve tambm para explicar determinadas palavras. Sequelanet <acronym title="Um blog...">Sequelanet</acronym> Exemplo 2: ins e del Eu gostoAmo Sequelanet Eu <del>gosto</del><ins>Amo</ins> Sequelanet

Exemplo 3:blockquote Exemplo da tag blockquote <blockquote>Exemplo da tag blockquote</blockquote> A tag feita para dar margem. Voc pode dar estilo com CSS. Veja mais sobre a tag blockquote.

6)Criar links sem underline

Este o link sem underline!

Este cdigo html te permite criar um link sem underline. Como este:

<a href="http://www.sequelanet.com.br/" style="text-decoration: none">Este o link sem underline!</a>

7)Ir para uma parte especfica da pgina

Para voc criar um link que aponta para uma parte na mesma pgina, igual na wikipdia, este o cdigo. muito usado para criar o boto "topo", quando o visitante atinge o fim da pgina s clicar no boto que voltar ao inicio. Tem a mesma funo da tecla Page Up do teclado. Topo <a name="TOPO">Topo</a> Em seguida, criar um link que ir direcionar o visitante para a parte da pgina onde est o name="TOPO" <a href="http://www.sequelanet.com.br/2009/09/incriveis-e-raros-codigoshtml.html#TOPO">Ir para o topo da pgina</a> obs: coloque a cerquilha ou jogo da velha em frente ao texto da palavra em name. Em href= coloque o link +a cerquilha+ o name (href="http://link#topo). Ficar assim : Ir para o topo da pgina

8)Redirecionar visitante para outra pgina

Meta refresh um mtodo de instruir um navegador da Web para atualizar automaticamente a pgina da web atual ou o quadro aps um determinado intervalo de tempo, utilizando um elemento meta HTML com o http-equiv parmetro definido para dar um "refresh" e um parmetro de contedo que do o intervalo de tempo em segundos. Tambm possvel instruir o navegador para buscar uma URL diferente quando a pgina atualizada, incluindo a URL alternativa no parmetro de contedo. Ao definir o tempo de atualizao intervalo de zero (ou um valor muito baixo), isso permite atualizar meta a ser utilizada como um mtodo de redirecionamento de URL.

Exemplo 1 <html> <head> <META HTTP-EQUIV="Refresh" CONTENT="0; URL=http://www.novodominio.com.br"> <title>Redirecionar para novo site</title> </head> <body bgcolor="#FFFFFF"> <center> <H2>Site foi movido! O novo endereo </H2> <H2><a href="http://www.novodominio.com.br/"> http://www.novodominio.com.br/</H2> </a> <H2>"...Espere um momento ser redirecionado..."</H2> </center> </body> </html> Exemplo 2 Devem ser colocadas dentro do <head> Atualiza a pgina
<meta http-equiv="refresh" content="5" /> Direciona para um site depois de 5 segundos: <meta http-equiv="refresh" content="5;url=http://exemplo.com/"/> Direciona para um site imediatamente: <meta http-equiv="refresh" content="0;url=http://exemplo.com/"/>