Incrveis e raros cdigos html

Postado por Sequelanet s 13:37. 07/09/2009

Marcadores: Tutorial

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:

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

Seu texto aqui

<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

S
E
Q
U
E
L
A
N
E
T

<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

Enviar Consulta

, com imagem ele fica com uma aparncia

melhor.

<button type="submit" name="submit" value="submit"><img src="http://hackspc.com/wpcontent/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 Amo 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 cdigo html te permite criar um link sem underline. Como este:
Este o link sem underline!
<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-codigos-html.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/"/>