Imágenes enlace
A estas alturas del curso de HTML dominamos la creación de enlaces hipertexto y conocemos como insertar imágenes en nuestras Web. Uniendo ambos conocimientos vamos a crear imágenes que nos servirán como enlaces a otros lugares del World Wide Web.
No será necesario aprender nada nuevo, lo único que necesitaremos es combinar los efectos de las etiquetas a y img. En primer lugar deberemos insertar la instrucción de inicio de a, después incluir la etiquequeta img y por último insertamos la etiqueta de fin de a. Un ejemplo muy típico del uso de imágenes enlace, como suelen ser denominadas, son las flechas para avanzar o volver atrás en una página. En nuestra práctica del capítulo pasado usamos estas flechas pero solo como indicación de el resultado de pulsar sobre el texto adjunto. Ahora convertiremos esas imágenes en enlace para que se pueda pulsar sobre ellas. El código a usar es:
Invitamos al lector a que haga el mismo cambio en el resto de imágenes usadas en aquella práctica.
Invitamos al lector a que haga el mismo cambio en el resto de imágenes usadas en aquella práctica.
Figura 5.19. Combinando las etiquetas img y a adecuadamente podemos crear imágenes enlace. Los navegadores indican esto mostrando un borde azul alrededor de estas imágenes.
Nuestro siguiente objetivo será aprender a controlar este borde así como crear otros muchos efectos con las imágenes.
