EJERCICIO
Crea una página web html que conste de las etiquetas html, head, body. Dentro de body incorpora dos div: uno que contenga una etiqueta h1 con el texto “Curso JavaScript aprenderaprogramar.com” y otro que contenga tres párrafos que contengan: Párrafo 1, Párrafo 2 y Párrafo 3. Crea la representación del árbol de nodos conforme al DOM para este documento.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Representación de arbol de nodos conforme al DOM para este documento</title>
</head>
<body>
<div style="background-color: yellow; text-align: center;"><h1>Curso JavaScript aprenderaprogramar.com</h1></div>
<div>
<h5>Párrafo 1</h5>
<p>El juego de pelota <hr>
Hernán Cortes lanzo la pelota al suelo. Y así el emperador Carlos y sus numerosos cortesanos asistieron a un prodigio jamás visto: la pelota reboto y voló por los aires. <br>
Europa no conocía esa pelota mágica, pero en México y en Centroamérica se usaba el caucho, desde siempre, y el juego de pelota tenía más de 3000 años de edad. <br>
En el juego, ceremonia sagrada, combatían los trece cielos de arriba contra los nueve mundos de abajo, y la pelota, brincona, volandera, iba y venía entre la luz y la oscuridad. <br>
La muerte era la recompensa del triunfador. El que vencía, moría. Él se ofrecía a los dioses, para que no se apagara el sol en el cielo y siguiera lloviendo la lluvia sobre la tierra. </p>
<h5>Párrafo 2</h5>
<p>Las otras armas <hr>
¿Cómo pudo Francisco Pizarro, 168 soldados, vencer a los 80000 hombres del ejercito de Atahualpa en el Perú, sin que su tropa sufriera ni una sola baja?. <br>
Además, los conquistadores atacaban con armas que América no conocía. <br>
La pólvora, el acero y los caballos eran incomprensibles novedades. Nada podían los garrotes indígenas contra los cañones y los arcabuces, las lanzas y las espadas; ni las corazas de paño contra las armaduras de acero; ni los indios de a pie contra esos guerreros de seis patas que eran la suma del jinete y su caballo. Y no eran menos desconocidas las enfermedades, las viruela, el sarampión, la gripe, el tifus, la peste bubónica y otras involuntarias aliadas de las tropas invasoras. <br>
Y por si todo eso fuera poco, los indios ignoraban las costumbres de la Civilización. <br>
Cuando Atahualpa, rey de los incas, se acercó a dar la bienvenida a sus raros visitantes. <br>
Pizarro lo metió preso y prometió liberarlo a cambio del mayor rescate jamás exigido en un secuestro. Pizarro cobro el rescate y desnuco a su prisionero. <br></p>
<h5>Párrafo 3</h5>
<p>Fundación de la guerra bacteriológica <hr>
Mortífero fue, para América, el abrazo de Europa. Murieron nueve de cada diez nativos.
Los guerreros más chiquitos fueron los más feroces. Los virus y las bacterias venían, como los conquistadores, desde otras tierras, otras aguas, otros aires; y los indios no tenían defensas contra ese ejército que avanzaba, invisible, tras las tropas. <br>
Los numerosos pobladores de las islas del Caribe desaparecieron de este mundo, sin dejar ni la memoria de sus nombres, y las pestes mataron a muchos más que los muchos muertos por esclavitud o suicidio. <br>
La viruela mato al rey azteca Cuitláhuac y al rey inca Huayna Cápac, y en la ciudad de México fueron tantas sus víctimas que, para cubrirlas, hubo que voltearles las casas encima. <br>
El primer gobernador de Massachusetts, John Winthrop, decía que la viruela había sido enviada por Dios para limpiar el terreno a sus elegidos. Los indios se habían equivocado de domicilio. Los colonos del norte ayudaron al Altísimo regalando a los indios, en más de una ocasión, mantas infectadas con viruela: <br>
-Para extirpar esa raza execrable- explico, en 1763 el comandante si Jeffrey Amherst. <br>
</p>
</div>
</body>
</html>
La representación del documento DOM seria:
document ==> html ==> head ==> title ==> Representación de....
body ==> div ==> h1
div ==> h5 párrafo 1 ==> p ==>hr
h5 párrafo 2 ==> p ==>hr
h5 párrafo 3 ==> p ==> hr
Creo que mas o menos se entiende es que no se como hacerlo con las flechas y tampoco estoy seguro si hay que poner los br, si alguien me lo explicase lo agradecería, bueno sin mas gracias de antemano....
Saludos
Tema: DOM Document Object Model JavaScript ¿Qué es para qué sirve? Ejercicio CU01123E (Leído 2772 veces)
RSS -
WAP2