Foros aprenderaprogramar.com
Aprender a programar => Aprender a programar desde cero => Mensaje iniciado por: Dan_SB en 04 de Mayo 2015, 03:57
-
Buenas noches
Vengo a resolver el siguiente ejercicio del capitulo 18° del curso, html desde 0, con el siguiente enunciado:
Crea una lista ordenada cuyos elementos sean Doctores, Ayudantes y Auxiliares. Dentro de Doctores define una lista no ordenada cuyos elementos sean: Juana Pérez, Alberto Márquez, Raúl Moreno. Dentro de Ayudantes define una lista no ordenada cuyos elementos sean: Noelia Suárez, Abel Rebollo. Dentro de Auxiliares crea una lista no ordenada cuyos elementos sean Silvia Estévez, Angela González y Cuarthemoc Adanez. Separa cada lista con un elemento hr de color azul, 10 pixeles de grosor y que ocupe el 50% del ancho disponible.
Codigo:
>
<head>
<meta charset="utf-8">
<title>Listas Ordenadas</title>
</head>
<body style = "background-color: red;">
<ol style = "color: white;"><h2 style = "font-size: 24; color: white;">Doctores</h2>
<li style = "list-style-type: circle;">Juana Perez</li>
<li style = "list-style-type: circle;">Alberto Marquez</li>
<li style = "list-style-type: circle;"> Moreno</li>
</ol>
<hr style = "height: 10px; color: blue; width: 50%;"></hr>
<ol style = "color: white;"><h2 style = "font-size: 24; color: white;">Ayudantes</h2>
<li style = "list-style-type: disc;">Noelia Suárez</li>
<li style = "list-style-type: disc;">Abel Rebollo</li>
</ol>
<hr style = "height: 10px; color: blue; width: 50%;"></hr>
<ol style = "color: white;"><h2 style = "font-size: 24; color: white;">Auxiliares</h2>
<li style = "list-style-type: square;">Silvia Estevez</li>
<li style = "list-style-type: square;">Angela Gonzales</li>
<li style = "list-style-type: square;">Cuarthemoc Adamez</li>
</ol>
</body>
</html>
Asi se ve:
(http://i.imgur.com/lxqGi8m.png)
Saludos!!
-
Saludos Dan
Dentro de una lista ol sólo debes poner elementos li, el título para la lista debe estar fuera de la lista:
Ejemplo no es correcto:
<ol style = "color: white;"><h2 style = "font-size: 24; color: white;">Doctores</h2>
<li style = "list-style-type: circle;">Juana Perez</li>
<li style = "list-style-type: circle;">Alberto Marquez</li>
<li style = "list-style-type: circle;"> Moreno</li>
</ol>
Forma correcta:
<h2 style = "font-size: 24; color: white;">Doctores</h2>
<ol style = "color: white;">
<li style = "list-style-type: circle;">Juana Perez</li>
<li style = "list-style-type: circle;">Alberto Marquez</li>
<li style = "list-style-type: circle;"> Moreno</li>
</ol>
Las etiquetas hr no se cierran con /hr
No es correcto:
<hr style = "height: 10px; color: blue; width: 50%;"></hr>
Forma correcta:
<hr style = "height: 10px; color: blue; width: 50%;"/>
¡Corrige lo que tienes mal para que te sirva para memorizar y evitar el error las próximas veces!
Saludos
-
Lo siento alex, es que el note++ me cierra automaticamente el hr :/
Gracias por tus correcciones, saludos