Cursos 24 Horas - Cursos 100% Online com Certificado

Aprenda Códigos HTML e Ganhe Mais Visitas - Parte 2

1 Comentário Autor : Notícia e blog 07 dezembro 2009

Como fazer um link

Os links são feitos utilizando a tag "a".Veja o exemplo abaixo:
<a href='http://www.noticiaeblog.com'/>Notícia e blog</a>
Em vermelho são os códigos que formam o link, em roxo página para qual o link será redirecionado e em verde texto que será exibido pelo link. O resultado é este abaixo:

Notícia e blog

Incorporando um link a imagem

Vamos usar como exemplo a imagem que utilizamos na primeira parte deste tutorial.
O código da imagem ficou da seguinte forma:
<img src='http://1.bp.blogspot.com/_8AL-4bHE9zs/SxoqTZhqquI/AAAAAAAABXs/qYnqVwqC9rw/s1600/Logo_Blogger.png' height='120pxwidht='128pxtitle='Este é um tutorial feito para o Notícia e blog' />
Para transformarmos ela em link basta substituir o texto do link pelo código da imagem veja:
<a href='http://www.noticiaeblog.com'/><img src='http://1.bp.blogspot.com/_8AL-4bHE9zs/SxoqTZhqquI/AAAAAAAABXs/qYnqVwqC9rw/s1600/Logo_Blogger.png' height='120px' widht='128px' title='Este é um tutorial feito para o Notícia e blog' /></a>
O resultado será este abaixo:


No próximo veremos um pouco de centralização IR PARA O PRÓXIMO

    1 Comentário

    Letícia Molon disse...
    10 de agosto de 2011 13:47 #

    Ameeeeeei *-*
    Isso me salvo, queria muito saber como criar uma gadget com várias imagens e cada imagem com seus links e tamanhos e com isso consegui =D
    http://animusbook.blogspot.com/
    criei a gadget de "ultimas resenhas" e em breve a de sorteios o/
    fiquei beeem feliz com isso!

    Postar um comentário

    Deixe seu comentário aqui
    Para exibir sua foto, escreva o seu comentário e clique em "Visualizar" e em seguida clique em "Adicionar Foto de Perfil"(Só é exibido quando o comentário é publicado como Conta do Google). Para editar seu perfil Clique aqui.