Foros aprenderaprogramar.com

Aprender a programar => C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más => Mensaje iniciado por: Chuckyldo en 14 de Febrero 2017, 05:37

Título: Ejercicio de listas desordenadas html anidamiento de listas ul y ol CU00718B
Publicado por: Chuckyldo en 14 de Febrero 2017, 05:37
Hola amigos, acabo de hacer el ejercicio CU00718B del manual de programación web y quiero saber si está correcto, he aquí las instrucciones:

Citar
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.

El código que yo escribí es este:

Código: [Seleccionar]
<!DOCTYPE html>
<html>
    <head>       
        <meta charset="utf-8">
        <title>Ejemplo del uso de listas - aprenderaprogramar.com</title>
    </head>
    <body>
<ul>
<li style="list-style-type:disc"><h3>Doctores</h3></li>
 <li style="list-style-type:circle">Juana Pérez</li>
 <li style="list-style-type:circle">Alberto Márquez</li>
 <li style="list-style-type:circle">Raúl Moreno</li>
 
 <hr style="height:10px; color: blue; background-color: blue; width=50%" />
 
 <li style="list-style-type:disc"><h3>Ayudantes</h3></li>
 <li style="list-style-type:circle">Noelia Suárez</li>
 <li style="list-style-type:circle">Abel Rebollo</li>

 <hr style="height:10px; color: blue; background-color: blue; width=50%" />
 
 <li style="list-style-type:disc"><h3>Auxiliares</h3></li>
 <li style="list-style-type:circle">Silvia Estévez</li>
 <li style="list-style-type:circle">Angela González</li>
 <li style="list-style-type:circle">Cuarthemoc Adanez</li>
 
</ul>
</body>
</html>

Desde mi punto de vista está bueno o eso creo, bueno agradecería su ayuda y desde ya muchas gracias.
Título: Re:Ejercicio de listas desordenadas html (CU00718B)
Publicado por: pedro,, en 15 de Febrero 2017, 15:32
Hola Chuckyldo.

Tu ejercicio no está bien resuelto, el enunciado pide que crees una lista ordenada:

Código: [Seleccionar]
<ol>
     ....
</ol>

Y dentro de cada elemento de esa lista crear una lista no ordenada con otra serie de datos:

Código: [Seleccionar]
<ol>
     <li>Doctores</li>
              <ul>
                      <li> ... </li>
                      <li> ... </li>
                      <li> ... </li>     
              </ul>
</ol>

Así que te toca reescribir el código.

Saludos. ;D
Título: Re:Ejercicio de listas desordenadas html (CU00718B)
Publicado por: Chuckyldo en 16 de Febrero 2017, 23:05
Entonces los doctores, los ayudantes y los auxiliares deberían aparecer con un número al lado o algo así?
Título: Re:Ejercicio de listas desordenadas html (CU00718B)
Publicado por: pedro,, en 17 de Febrero 2017, 14:59
Buenas Chuckyldo.

Si, deberían aparecen numerados, pero tendrías que quitar el estilo que les tienes aplicado en este momento, sino te seguirá mostrando el punto negro.

Saludos. ;D
Título: Re:Ejercicio de listas desordenadas html (CU00718B)
Publicado por: Chuckyldo en 18 de Febrero 2017, 04:34
Lo volví a hacer, me quedó esto, yo creo que ahora sí debería estar bien:

Código: [Seleccionar]
<!DOCTYPE html>
<html>
    <head>       
        <meta charset="utf-8">
        <title>Ejemplo del uso de listas - aprenderaprogramar.com</title>
    </head>
    <body>
<ol>
<li><h3>Doctores</h3></li>
<ul>
 <li>Juana Pérez</li>
 <li>Alberto Márquez</li>
 <li>Raúl Moreno</li>
</ul>
 
 <hr style="height:10px; color: blue; background-color: blue; width=50%" />
 
 <li><h3>Ayudantes</h3></li>
<ul>
 <li>Noelia Suárez</li>
 <li>Abel Rebollo</li>
</ul>

 <hr style="height:10px; color: blue; background-color: blue; width=50%" />
 
 <li><h3>Auxiliares</h3></li>
<ul>
 <li>Silvia Estévez</li>
 <li>Cuarthemoc Adanez</li>
</ul>
 
</ol>
</body>
</html>

Muchas gracias por su ayuda
Título: Re:Ejercicio de listas desordenadas html (CU00718B)
Publicado por: pedro,, en 18 de Febrero 2017, 15:56
Ahora está todo bien.

Saludos. ;D