mirror of
https://gitlab.com/tutorial-java-rafa-munoz/tutorial-java-2024-25/LMSGI-2024-25.git
synced 2025-11-09 18:03:06 +01:00
feat(ch 3): added
This commit is contained in:
Rafa Muñoz
58
Unidad_03_HTML/HTML/023-ejemplo-elemento-map-area.html
Normal file
58
Unidad_03_HTML/HTML/023-ejemplo-elemento-map-area.html
Normal file
@@ -0,0 +1,58 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Marvel - Los vengadores</title>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
<style type="text/css">
|
||||
body {
|
||||
margin: 50px;
|
||||
padding: 0px;
|
||||
background: #2372DE;
|
||||
font-family: 'Open Sans', sans-serif;
|
||||
font-size: 11pt;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
h1 {
|
||||
color: #FFFF99;
|
||||
}
|
||||
.parrafopropio {
|
||||
margin: 15px;
|
||||
}
|
||||
a {
|
||||
color: #66FFFF;
|
||||
}
|
||||
a:hover {
|
||||
color: #FFFFFF;
|
||||
font-weight: bold;
|
||||
text-decoration: none;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Superhéroes de Marvel - Los vengadores<img src="http://webdidacticarafaelmunoz.appspot.com/lmsgi/image/vengadores.jpg" width="960" height="640" usemap="#Map" border="0" />
|
||||
<map name="Map" id="Map">
|
||||
<area shape="rect" coords="286,173,387,265" href="#thor" />
|
||||
<area shape="circle" coords="479,228,58" href="#ironman" />
|
||||
<area shape="poly" coords="610,326,616,294,612,279,614,255,626,225,621,214,607,217,603,222,599,200,589,196,580,208,574,196,562,188,555,193,552,205,552,215,541,206,534,203,515,179,519,170,525,152,539,143,546,131,556,117,568,108,574,96,583,84,599,79,615,79,631,81,642,84,661,89,677,90,689,96,704,98,719,98,723,109,730,114,732,130,717,151,704,146,694,151,687,147,680,134,679,129,676,127,665,144,656,159,659,186,661,201,654,217,652,218,653,227,661,227,669,232,669,243,670,249,682,246,693,242,692,236,700,229,709,232,714,243,712,249,725,252,729,263,723,273,720,282,700,291,689,301,686,310,684,315" href="#hulk" />
|
||||
</map>
|
||||
</h1>
|
||||
<a name="thor"></a>
|
||||
<h2><a href="http://es.wikipedia.org/wiki/Thor">Thor</a></h2>
|
||||
<p class="parrafopropio">Un semidios con un poder portentoso gracias a su martillo, que le fue regalado por su padre, el gran Odín, padre de todos los Dioses de Asgard. Thor viaja por accidente a la tierra y desde ese momento pasa a ser su protector ante diversas fuerzas espaciales malignas.</p>
|
||||
<p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p>
|
||||
<p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p>
|
||||
<p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p>
|
||||
<a name="hulk"></a>
|
||||
<h2><a href="http://es.wikipedia.org/wiki/Hulk">Hulk</a></h2>
|
||||
<p class="parrafopropio">Conocido en español como "La Masa" (traducción literal del vocablo "Hulk"), se trata del alterego del científico Bruce Banner, quien se expone a un alto nivel de radiación Gamma y a partir de ese momento, cuando el humano es alterado, se transforma de inmediato en un ser con una fuerza que rivaliza con la del propio Supermán.</p>
|
||||
<p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p>
|
||||
<p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p>
|
||||
<p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p>
|
||||
<a name="ironman"></a>
|
||||
<h2><a href="http://es.wikipedia.org/wiki/Iron_Man">Iron Man</a></h2>
|
||||
<p class="parrafopropio">Un multimillonario, empresario e ingeniero, Tony Stark sufre una lesión en el pecho durante un secuestro en el que sus captores tratan de obligarlo a construir un arma de destrucción masiva. Él crea en su lugar una poderosa armadura para salvar su vida y escapar de su cautiverio. Luego utiliza la armadura para proteger al mundo como Iron Man.</p>
|
||||
<p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p>
|
||||
<p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p>
|
||||
<p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user