Autor Tema: Ejercicio de listas desordenadas html anidamiento de listas ul y ol CU00718B (Leído 3796 veces)

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.

pedro,, · « **Respuesta #1 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.

Chuckyldo · « **Respuesta #2 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í?

pedro,, · « **Respuesta #3 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.

Chuckyldo · « **Respuesta #4 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

pedro,, · « **Respuesta #5 en:** 18 de Febrero 2017, 15:56 »

Ahora está todo bien.

Saludos.

Foros aprenderaprogramar.com
Didáctica y divulgación de la programación

Noticias:

Autor Tema: Ejercicio de listas desordenadas html anidamiento de listas ul y ol CU00718B (Leído 3796 veces)

Chuckyldo

Ejercicio de listas desordenadas html anidamiento de listas ul y ol CU00718B

pedro,,

Re:Ejercicio de listas desordenadas html (CU00718B)

Chuckyldo

Re:Ejercicio de listas desordenadas html (CU00718B)

pedro,,

Re:Ejercicio de listas desordenadas html (CU00718B)

Chuckyldo

Re:Ejercicio de listas desordenadas html (CU00718B)

pedro,,

Re:Ejercicio de listas desordenadas html (CU00718B)

Preguntas y respuestas