Enlazar una Imagen

0

Enlazar una Imagen

Si queremos poner un botón o una imagen que al pulsarla el usuario se encamine a otra página, utilizamos la orden para poner enlaces combinada con la orden para insertar imágenes.

<a href="dirección del enlace a otra página"> <img src="aquí ponemos la localización de la imagen"></a>

Vamos a poner la imagen de la secretaria y que al pulsarla lleve al usuario al portal de secretarias

http://www.secretariaplus.com

La instrucción nos quedaría:

<a href="http://www.secretariaplus.com"> <img src="ejecutivaanimada.gif"> </a>

Y se vera al acceder con el navegador a la página. 

De forma que al pulsar sobre la imagen nos dirigimos a la página enlazada. 

Vale, de acuerdo, pulsa la imagen pero recuerda darle en tu navegador al "pa tra" "atras" o "Back" y seguir el curso.

<a href="http://www.vatican.va/archive/catechism_sp/index_sp.html" title="Click para ver catecismo católico">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjufICSo3EsyS61pebu7cvN86priBvHqtDyP9wNOKvufQ5Xyq6kHxbW0ojnJ73GIhJ4zT9RjRfCMWhyphenhyphenlRWrDWCni0varVxWp3falzPpYULUY4glhRt-sU81rhV1JdWVVm0IMI3JvO5JTsE/s320/CATECUSMI.png" alt="Nueva Biblioteca para Lideres Juveniles" />
</a>

<a href="https://www.sanpablo.es/biblia-latinoamericana" title="Visita biblia en línea">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnBBN-6Thyphenhyphen4jHbBmkZFuU-ssV-ADmMmC2di_WOrzJRqBFLv8_fLW3uVY6R9usS6zmBrFJ1y6AID9xQ6OPU84DyNkvDaiZkql6EiLnKCGA3tPl2I6eThwwShefQ-vSoTzVYrlA8MOsjqs0/s320/BIBLIA+EN+LINEA.png" alt="Biblia en linea" />
</a>

<a href="http://webcatolicodejavier.org/RosarioEnVivo.html" title="Recemos el Santo Rosario">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQqBrIDfH-x8Q0fDacQxfFkPFKyN-M4k25v8NR3pjIDA_C5IRrlJlU5MzK52XCv_g-aThks34YQvRlsDXDDeCIgEwaH3E6B5HQvnrQ7mgjJPHv-Sf7AloRbzslGPDZtRF43DExc361vKo/s320/SANTO+ROSARIO.png" alt="Biblia en linea" />
</a>

<a href="https:poner dirección de enlacetarget="_blank">
<img width="320" src="dirección de la imagen" />
<h5>descripción</h5></a>


COMO PONER POST DE RECIENTES  - BLOGGER

<span data-type="tyard" data-label="reciente%20"></span>


Entradas que pueden interesarte

Sin comentarios