MARZO 5/2019


TEXTO-ENLACES-IMÁGENES:


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:
  1. <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:

  1. <a title="Los Tejos" href="http://www.lostejos.com"><img src="casarural.jpg" alt="Los Tejos" /></a>



resultado de ejercicio:



Comentarios

Entradas populares de este blog

Clase # 5 Operadores racionales y lógicos

Clase # 4 Software y Algoritmos

Clase # 3 (Mayo 21) Fundamentos de Algoritmo