Enlace de imagen HTML

Cómo hacer que una imagen sea un enlace.

Código de enlace de imagen HTML

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

O mejor use el estilo CSS para determinar el ancho y el alto.

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

El código creará este enlace:

Flor

 

El código tiene las siguientes partes:

  • <a> es la etiqueta del enlace.
  • El atributo href establece la URL a la que enlazar.
  • <img> es la etiqueta de inicio de la imagen.
  • El atributo src establece el archivo de imagen.
  • El atributo de título establece el texto de la información sobre herramientas de la imagen.
  • alt es el atributo de texto alternativo de la etiqueta de imagen.
  • El atributo de estilo establece con CSS el ancho y el alto de la imagen.
  • </a> es la etiqueta final del enlace.

 

Ver también

ENLACES HTML
TABLAS DE ID