Link de imagem HTML

Como fazer de uma imagem um link.

Código de link de imagem HTML

<a href="../html-link.htm"/<img src="flower.jpg" width="82" height="86" title="White flower" alt="Flower"/</a/

Ou melhor usar o estilo CSS para determinar a largura e a altura.

<a href="../html-link.htm"/<img src="flower.jpg" style="width:82px; height:86px" title="White flower" alt="Flower"/</a/

O código criará este link:

Flor

 

O código tem as seguintes partes:

  • <a> é a tag do link.
  • O atributo href define a URL para vincular.
  • <img> é a tag de início da imagem.
  • O atributo src define o arquivo de imagem.
  • O atributo title define o texto da dica de ferramenta da imagem.
  • alt é o atributo de texto alt da tag de imagem.
  • O atributo style define com css a largura e altura da imagem.
  • </a> é a tag de finalização do link.

 

Veja também

LINKS HTML
TABELAS DE IDENTIFICAÇÃO