martes, 17 de junio de 2014

EJERCICIO DE MAPA DE IMAGEN

<!DOCTYPE html>
<html lang="es">
    <head>
<meta name= Description" content="p⨩na para la prueba de conocimientos">
<meta charset"utf-8" />
<title>UF1303</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    </head>
    <body link="white" alink="blue" vlink="violet" background="C:\Users\ETC5\Desktop\melani/8337793.png">
<a name="arriba"></a>
<DIV ALIGN="center"><FONT FACE="verdana" SIZE=5 COLOR="#ba55d3">
<B>
<I><U><h1> BIENVENIDOS </h1></B></I></U></FONT>
</DIV>
<p></p>
<div align=center><a href="http://ifcd0110castrourdiales.blogspot.com.es/"> <img src="C:\Users\ETC5\Desktop\melani/pic27.gif" width="284px" height="177px" alt="blog"></a></div>
<p>
<img style="border:0" src="C:\Users\ETC5\Desktop\melani/Sin nombre.jpg" usemap="#fish"
alt="Los peces te llevarán a distintas paginas de interes">
<map name="fish">
<area shape="circle" coords="98,91,60" href="http://peces.anipedia.net/" target="ventana1" alt="fish 1.">
<area shape="circle" coords="276,78,60" href="http://nationalgeographic.es/animales/peces/bancosdepeces/imagen/atunes" target="ventana1" alt="fish 2.">
<area shape="circle" coords="492,72,60" href="http://es.wikipedia.org/wiki/Pisces" target="ventana1" alt="fish 3.">
<area shape="circle" coords="695,75,60" href="https://www.google.es/search?q=peces&espv=2&source=lnms&tbm=isch&sa=X&ei=5v2fU_SiMoGc0AXKu4DIBQ&ved=0CAYQ_AUoAQ&biw=1600&bih=756" target="ventana1" alt="fish 4.">
</map>
</p>
<DIV ALIGN=left><img src="C:\Users\ETC5\Desktop\melani/gatos y perros png (10).png" alt="sandia"></div>
<h2>MENU</h2>
<ol>
<li><a href="http://www.yupiyupi.com" target="ventana1" title="fotos de animalitos">Yupi Yupi</a></li>
<li><a href="http://www.cuantogato.com" target="ventana1" title="Fotos de gatos">Cuanto gato</a></li>
<li><a href="https://es-la.facebook.com/FotosDeAnimalesLindosYTiernos" target="ventana1" title="animales tiernos de facebook">Perfil animales tiernos</a></li>
<li><a href="http://www.oletusjuegos.es/juegos-pintar-animalitos-tiernos.htm" target="ventana1" title="juego">Pinta animalitos</a></li>
</ol>
<DIV ALIGN="center"><iframe src="http://danii-gabii.blogspot.com.es/p/cositas-kawaii.html" width="900" height="500" frameborder="1" name="ventana1"> </iframe></DIV> </ br>
<p></p>
<DIV ALIGN=center><img src="C:\Users\ETC5\Desktop\melani/Frutita 1.png" alt="sandia"></div>
<DIV ALIGN=center><a href="javascript:history.go(-1)"><img src="C:\Users\ETC5\Desktop\melani/flecha_png_2_by_aguuseditiions-d4nqj4u ewwsefesetwtery- copia.png"width="54px" height="57px"></a></DIV>
<DIV ALIGN=center><a href="javascript:history.go(1)"><img src="C:\Users\ETC5\Desktop\melani/flecha_png_2_by_aguuseditiions-d4nqj4u.png" width="54px" height="57px"></a></DIV>
<div style="position:fixed;right:0;top:0;"><a href="#arriba"><img src="C:\Users\ETC5\Desktop\melani/gatos y perros png (3).png" width="129" height="145" /></div> 
</body>
</html>



La parte seleccionada es la nueva que añadí hoy al código y la pertinente a un mapa de imagen el cual, mediante una imagen con varios peces, haciendo click en cada uno, lleva a distintas páginas cada uno y todos visualizados en el frame de la parte inferior.

No hay comentarios:

Publicar un comentario

analytics