Autor Tema: DOM Document Object Model JavaScript ¿Qué es para qué sirve? Ejercicio CU01123E  (Leído 1697 veces)

Pandemia

  • Avanzado
  • ****
  • APR2.COM
  • Mensajes: 255
    • Ver Perfil
Citar
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.

Código: [Seleccionar]
<!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  :)
« Última modificación: 16 de Enero 2017, 19:48 por Ogramar »

bermartinv

  • Avanzado
  • ****
  • APR2.COM
  • Mensajes: 298
    • Ver Perfil
Hola Pandemia,
no está bien resuelto. Lee este párrafo que está en el tema:

Citar
La construcción del árbol de nodos es realizada automáticamente por los navegadores de acuerdo con las reglas internas que tienen definidas. Por ejemplo una regla interna dice que una etiqueta define un nodo, por ejemplo una etiqueta <p> define un nodo, y a su vez el contenido de texto de esa etiqueta define otro nodo.


Saludos

Pandemia

  • Avanzado
  • ****
  • APR2.COM
  • Mensajes: 255
    • Ver Perfil
ok, tienes razón tengo que retocarlo y haber si me busco la vida para hacerlo con las flechas en forma de árbol,  gracias por la corrección y el párrafo me ha aclarado todo.

Saludos y que tengas una buena entrada y salida de año.

 

Sobre la educación, sólo puedo decir que es el tema más importante en el que nosotros, como pueblo, debemos involucrarnos.

Abraham Lincoln (1808-1865) Presidente estadounidense.

aprenderaprogramar.com: Desde 2006 comprometidos con la didáctica y divulgación de la programación

Preguntas y respuestas

¿Cómo establecer o cambiar la imagen asociada (avatar) de usuario?
  1. Inicia sesión con tu nombre de usuario y contraseña.
  2. Pulsa en perfil --> perfil del foro
  3. Elige la imagen personalizada que quieras usar. Puedes escogerla de una galería de imágenes o subirla desde tu ordenador.
  4. En la parte final de la página pulsa el botón "cambiar perfil".