continentes.html

  1. <!DOCTYPE html>
  2. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  3. <title>Continentes de la Tierra (1)</title>
  4. <link href="continentes.css" rel="stylesheet" type="text/css">
  5. <script src="/javascripts/prototype.js" type="text/javascript"></script>
  6. <script src="continentes.js" type="text/javascript"></script>
  7. </head>
  8.  
  9. <h1>Continentes de la Tierra (1)</h1>
  10. <p>
  11. Uso de un mapa de imagen HTML mejorado mediante Javascript
  12. </p>
  13. <h2>
  14. Método 1
  15. |
  16. <a href="continentes2.html">Método 2</a>
  17. </h2>
  18. <p>
  19. <img
  20. src="transparente.png"
  21. alt="Continentes de la Tierra"
  22. name="mundo" id="mundo"
  23. width="1488" height="755"
  24. usemap="#mundoMap" />
  25.  
  26. <map name="mundoMap">
  27. shape="poly"
  28. coords="695,2,511,247,635,530,448,674,124,130,206,52,334,4"
  29. href="#america"
  30. alt="América" title="América"
  31. id="area_america" />
  32. shape="poly"
  33. coords="681,207,573,285,743,553,964,562,939,300,884,320,826,226,742,200"
  34. href="#africa"
  35. alt="África" title="África"
  36. id="area_africa" />
  37. shape="poly"
  38. coords="1135,550,1142,456,1250,409,1240,369,1295,273,1483,344,1480,451,1407,586,1335,644"
  39. href="#oceania"
  40. alt="Oceanía" title="Oceanía"
  41. id="area_oceania" />
  42. shape="poly"
  43. coords="524,645,262,718,349,755,1153,755,1262,698,1083,635"
  44. href="#antartida"
  45. alt="Antártida" title="Antártida"
  46. id="area_antartida" />
  47. shape="poly"
  48. coords="680,209,743,200,822,225,797,192,819,180,858,178,899,194,889,139,919,139,901,84,914,73,905,33,694,4,613,111,645,211"
  49. href="#europa"
  50. alt="Europa" title="Europa"
  51. id="area_europa" />
  52. shape="poly"
  53. coords="899,9,913,73,902,83,919,138,889,138,898,193,858,179,819,179,798,192,829,232,884,320,961,295,1143,455,1250,409,1241,369,1311,89,1200,25"
  54. href="#asia"
  55. alt="Asia" title="Asia"
  56. id="area_asia" />
  57. </map>
  58. </p>
  59.  
  60. <h2>Recursos:</h2>
  61. <ul>
  62. <li>Código:</li>
  63. <ul>
  64. <li><a href="continentes.css">Estilos CSS</a></li>
  65. <li><a href="continentes.js">Javascript</a></li>
  66. </ul>
  67. <li>Imágenes</li>
  68. <ul>
  69. <li><a href="continentes_mudo.png">continentes_mudo.png</a></li>
  70. <li><a href="continentes_africa.png">continentes_africa.png</a></li>
  71. <li><a href="continentes_antartida.png">continentes_antartida.png</a></li>
  72. <li><a href="continentes_america.png">continentes_america.png</a></li>
  73. <li><a href="continentes_asia.png">continentes_asia.png</a></li>
  74. <li><a href="continentes_europa.png">continentes_europa.png</a></li>
  75. <li><a href="continentes_oceania.png">continentes_oceania.png</a></li>
  76. </ul>
  77. </ul>
  78.  
  79. <p id="autor">ProInf.net &copy;2012</p>
  80. </body>
  81. </html>
  82.  

Proinf.net