Temario del Tutorial->10 - Hipervínculo mediante una imagen <a> y <img>


Simulador (Cuando presiona el botón "ejecutar el programa" se graba lo que contiene la caja de texto y se visualiza el resultado en una página)

Problema:Crear tres páginas con una foto cada una (foto1.jpg, foto2.jpg y foto3.jpg) luego al ser presionada avanzar a la siguiente página, es decir de la pagina1.html llamar a la pagina2.html, de la pagina2.html pasar a la pagina3.html y de ésta a la primera.
Las imágenes se encuentran en el directorio padre.
Ver solución

<!DOCTYPE html>
<html>
<head>
  <title>Título de la página</title>
  <meta charset="UTF-8">
</head>
<body>
<a href="pagina2.html"><img src="../foto1.jpg" alt="Pintura Geométrica"> </a>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
  <title>Título de la página</title>
  <meta charset="UTF-8">
</head>
<body>
<a href="pagina3.html"><img src="../foto2.jpg" alt="Pintura Geométrica"> </a>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
  <title>Título de la página</title>
  <meta charset="UTF-8">
</head>
<body>
<a href="pagina1.html"><img src="../foto3.jpg" alt="Pintura Geométrica"> </a>
</body>
</html>
pagina1.html




pagina2.html


pagina3.html

Retornar