Criando Links de Imagem

Nos últimos posts expliquei como exibir imagens e como criar links em Páginas HTML. Para isso, utilizamos as Tags <img> e <a> respectivamente. Veja agora como criar um link de imagem.

Segue o código:
<html>
<head>
<title>Criando link de imagem</title>
</head>
<body>
<p>Clique no link abaixo e acesse o Blog do Denecir:</p>
<a href="http://denecir.blogspot.com"><img src="foto.jpg" border="0" /></a>
</body>
</html>

Perceba que colocamos a Tag <img> entre a abertura e o fechamento da Tag <a>.

Veja o resultado:
Link de Imagem

Nota 1: No exemplo acima, considero que o Arquivo HTML e a imagem estão no mesmo diretório.

Nota 2: O parâmetro border não é obrigatório para a Tag <img>. No entanto, aconselho que definam este parâmetro com o valor 0 (zero) pois acho estranho (esteticamente falando) a borda que é exibida envolta da imagem quando colocamos um link nela.


Leia mais:

Nenhum comentário:

Postar um comentário

O que você achou do post? Faça um comentário.

Aprenda a receber dados de Formulário com PHP

Existem três arrays associativos que podemos usar para receber dados de Formulários HTML em PHP. São eles: $_GET , $_POST e $_REQUEST . O...