Foros aprenderaprogramar.com

Aprender a programar => Aprender a programar desde cero => Mensaje iniciado por: 5378453 en 04 de Junio 2015, 01:07

Título: Listas HTML. Listas no ordenadas ul, ordenadas ol. Tag li. Ejercicio CU00718B
Publicado por: 5378453 en 04 de Junio 2015, 01:07
EJERCICIO

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.

Código: [Seleccionar]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Ejercicio</title>
</head>
<body>
<ul style="list-style-type:decimal">
<li>Doctores</li>
<ul style="list-style-type:circle">
<li>Juana Pérez</li>
<li>Alberto Márquez</li>
<li>Raúl Moreno</li>
</ul>
<hr style="height:10px;color:blue;width:50%;background-color:blue">
<li>Ayudantes</li>
<ul style="list-style-type:circle">
<li>Noelia Suárez</li>
<li>Abel Rebollo</li>
</ul>
<hr style="height:10px;color:blue;width:50%;background-color:blue">
<li>Auxiliares</li>
<ul style="list-style-type:circle">
<li>Silvia Estévez</li>
<li>Angela González</li>
<li>Cuarthemoc Adanez</li>
</ul>
</ul>
</body>
</html>
Título: Re:Listas HTML. Listas no ordenadas ul, ordenadas ol. Tag li. Ejercicio CU00718B
Publicado por: Mario R. Rancel en 05 de Junio 2015, 08:20
Hola 5378453 para facilitar la revisión de ejercicios es conveniente que introduzcas en el título la referencia de la entrega del curso, en este caso CU00718B

El código está bien solo te voy a indicar algunos detalles.

Recomendamos incluir <meta charset="utf-8"> dentro de las etiquetas head para que las palabras acentuadas se vean bien en todos los navegadores

   <head>
      <title>Ejercicio</title>
      <meta charset="utf-8">
   </head>

El ejercicio pedía crear una lista ordenada cuyos elementos fueran Doctores, Ayudantes y Auxiliares. Pero has usado ul (unordered list) en vez de ol (ordered list)

Con los cambios indicados el código quedaría:

Código: [Seleccionar]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Ejercicio</title>
<meta charset="utf-8">
</head>
<body>
<ol>
<li>Doctores</li>
<ul style="list-style-type:circle">
<li>Juana Pérez</li>
<li>Alberto Márquez</li>
<li>Raúl Moreno</li>
</ul>
<hr style="height:10px;color:blue;width:50%;background-color:blue">
<li>Ayudantes</li>
<ul style="list-style-type:circle">
<li>Noelia Suárez</li>
<li>Abel Rebollo</li>
</ul>
<hr style="height:10px;color:blue;width:50%;background-color:blue">
<li>Auxiliares</li>
<ul style="list-style-type:circle">
<li>Silvia Estévez</li>
<li>Angela González</li>
<li>Cuarthemoc Adanez</li>
</ul>
</ol>
</body>
</html>

Saludos