Aquí podemos comprobar como insertamos una imagen que a su vez es un enlace a un página web y está se abre en otra pestaña. Para ello realizamos los siguientes pasos:
- Creamos una nueva entrada de texto.
- Insertamos la imagen de la forma habitual, es decir, haciendo clic en el icono "Añadir imagen".
- Seleccionamos la imagen y hacemos clic en el icono "Enlace" y añadimos la url de la página web que queramos direccionar.
- Para conseguir que al pulsar sobre la imagen se nos abra una pestaña nueva con la web especificada, deberemos pulsar sobre la pestaña "Edición HTML" y añadir dentro de la etiqueta <img> el atibuto target con el valor "blank".
Veamos como quedaría el código fuente:
<a href="http://www.xtec.net/%7Eealonso/flash/espauto1e.html" target="_blank"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 177px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3XHzbfxt5OQjdwfk3xPSC6It2n3E4uBeACN1HlyTSAl6QR_XezKzfLteyscFmi8PreeFzlcPvbhQl_ZfH2l5MeVugh21AVsNh-9qXGuEIy8Cph4GcpNVei0VqeE55jUTh-URj36-qYRta/s320/mapas.jpg" alt="" id="BLOGGER_PHOTO_ID_5324992509714290530" border="0" /></a>
Comments
No response to “Mapas interactivos”
Post a Comment | Enviar comentarios (Atom)
Publicar un comentario