Autor Tema: Ejercicio CU00718B de Aprende a programar HTML desde Cero. Crear listas ul y ol (Leído 2994 veces)

SOLEARES · « **en:** 22 de Junio 2015, 20:22 »

Hola,

Aquí dejo el código del ejercicio CU00718B.

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.

Respuesta:

Código: [Seleccionar]

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

Espero que sea correcto, pero en caso de haber algo mal, agradeceré cualquier indicación al respecto.

Saludos,

javi in the sky · « **Respuesta #1 en:** 23 de Junio 2015, 18:11 »

Hola otra vez soleares prácticamente todo bien, veamos lo que hay que corregir

Falta el cierre </html>

Se te ha escapado <li style ="list-style-type: disc">Angela González</li>disc

Si te fijas en la imagen se ve que aparece disc debido a que se te quedó eso en el código me imagino que al copiar y pegar

Saludos cordiales

SOLEARES · « **Respuesta #2 en:** 25 de Junio 2015, 09:56 »

Hola javi in the sky,

Tienes razón, ambos fallos son de copiar y pegar que no lo hice todo lo bien que debiera.
Intentaré poner más atención la próxima vez.
Grácias por tus correcciones.
Saludos,

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

Noticias: