Como criar um link em uma imagem ou um texto? Você
sabe como se faz isso? Bom, provavelmente se você já tem um tempinho de
estrada, sua resposta deve ser sim. Mas acredite, mesmo quem acha que já
sabe tudo, ainda tem o que aprender (isso vale para qualquer coisa na
vida).
É fato que para quem está começando saber
como linkar uma imagem ou um texto não é fácil. E mesmo para quem já tem
alguma experiência, existem algumas dicas que podem ser preciosas. Então vamos lá!
O Que é Um Link?
Pesquisando na Wikipédia, temos a seguinte definição:
"Uma hiperligação, um liame, ou simplesmente uma
ligação (também conhecida em português pelos correspondentes termos
ingleses, hyperlink e link), é uma
referência num documento em hipertexto a outras partes deste documento
ou a outro documento. De certa maneira pode-se vê-la como análoga a uma
citação na literatura. Ao contrário desta, no entanto, a hiperligação
pode ser combinada com uma rede de dados e um protocolo de acesso
adequado e assim ser usada para ter acesso direto ao recurso
referenciado. Este pode então ser gravado, visualizado ou mostrado como
parte do documento que faz a referência."
Eu acho que mais complicou que ajudou né? 
Em uma definição bem simples:
É o link que torna capaz a ligação entre uma página e outra na Web! (by eu mesmo)
No básico do básico, isso é um link = Novo na Rede
Se você olhar no código da página é isso o que vai ver:
Vamos entender isso:
">Novo na Rede
Vamos entender isso:
">Novo na Rede
: é a parte inicial do link sendo que o A é de Anchor (âncora) e o href é de Hypertext REFerence
(referência de hipertexto) você nem precisaria saber disso para criar
um link, mas como aprendi isso lá no século passado, achei legal passar
aqui. 
http://www.novonarede.com.br/blog: é a URL (endereço) da página que quero linkar.
Novo na Rede: é descrição do link (o que vai aparecer no resultado final).
Complementos de Um Link
target="_blank": usado para abrir o link em outra janela ao ser clicado.
Exemplo:
title: usado para falar do que se trata o link.
Quando você repousar o mouse sobre o link a palavra Descrição vai aparecer (ou qualquer outra palavra ou frase que você coloque no lugar).
Linkando Imagens
Lembra lá do primeiro código? Assim:
Pois então, para linkar uma imagem, basicamente tudo o
que você precisa é trocar a descrição do link que é a parte que aparece
na tela no resultado final (no nosso exemplo as palavras "Novo na
Rede") por um código que vai se encarregar de mostrar a imagem.
Código da imagem:
Linkando fica assim:
Vamos ver um exemplo prático:
Este seria o resultado do link acima:
Ao clicar na imagem você será enviado para a primeira
página do blog com o link abrindo em outra janela (target="_blank"
lembra?).
Nenhum comentário:
Postar um comentário