Este es el código para insertar una imagen en html
<img src="logo.jpg"> </img>
Generalmente, la imagen se encuentra en el mismo servidor
donde se almacenan nuestras páginas HTML. Los formatos clásicos son los
archivos con extensiones gif, jpg y png.
En nuestro caso en nuestra la carpeta donde estamos trabajando.
Como ya conocemos los hipervínculos y como insertar
imágenes en nuestra página, ahora podemos implementar un hipervínculo pero en
vez de mostrar un texto mostraremos una imagen.
La solución es simple y consiste en disponer la marca
<img> encerrada entre la marca de comienzo y fin del enlace(<a>)
Confeccionemos una página que muestre dos imagenes
(foto1.jpg y foto2.jpg) como hipervínculos. Al ser presionados llamar a otra
página.
Las imágenes se encuentran en una carpeta llamada
imagenes que depende directamente de la raiz del sitio:
<html>
<head>
</head>
<body>
<h2>Presione alguna de las imagenes para conocer más
sobre esa obra.</h2>
<a href="pagina2.html"><img
src="/imagenes/foto1.jpg"
alt="Pintura Geométrica"></a>
<br>
<a href="pagina2.html"><img
src="/imagenes/foto2.jpg"
alt="Pintura Geométrica"></a>
</body>
</html>
Como podemos observar insertamos la marca HTML img en el
lugar donde disponíamos el texto del hipervínculo. Eso es todo.
Comentarios
Publicar un comentario