HTML » Imagen con enlace en HTML
Aunque lo normal en la web es que los enlaces sean textos, también podemos extender la capacidad de hacer enlaces con imagenes. De esta forma, cuando pulsemos sobre una imagen, esta actuará como enlace y nos llevará al destino demarcado por el enlace.
Para poder hacer esto en HTML, lo primero será poner una imagen. Para ello nos basamos en la etiqueta IMG:
<img src="casarural.jpg" alt="Los Tejos" />
Acordaros, como buena práctica, el poner un texto alternativo a la imagen con el atributo alt.
Ahora tendremos que recubrir el código de la imagen con un código de enlace. Para los enlaces nos basamos en la etiqueta A o anchor. Y para indicar el enlace el atributo href. De esta manera el código quedaría de la siguiente forma:
<a title="Los Tejos" href="http://www.lostejos.com"><img src="casarural.jpg" alt="Los Tejos" /></a>
 Visualiza el artículo |
 Descargar el código |
 Error en el código |
 Foro sobre HTML |
Artículos relacionados:
Febrero 4, 2010 #
nice, pero te falto cerrar el tag
Marzo 22, 2010 #
[...] Imagen con enlace en HTML [...]
Marzo 23, 2010 #
los articulos son algo basico para lo que se vive en internet actualmente
Marzo 23, 2010 #
@x,
Cierto. Que despiste.
Solucionado.
Marzo 23, 2010 #
@carlos andres restrepo,
Intentamos que sean muy sencillos. Pero estamos abiertos a propuestas. ¿Sobre que te gustaría que escribiésemos?