Autor Tema: HTML código básico ejemplo Listas ordenadas ol y no ordenadas ul. CU00718B (Leído 2048 veces)

Carlos31 · « **en:** 23 de Marzo 2016, 21:39 »

Respuesta al ejercicio CU00718B del tutorial de programación web HTML desde cero.

<!DOCTYPE html>
<html>
<head>
	<title>CU00718B</title>

	<meta charset="utf-8"/>
</head>
<body>
	<ol>
		<li>Doctores</li>

		<ul>
			<li>Juana Pérez</li>

			<li>Alberto Márquez</li>

			<li>Raúl Moreno</li>
		</ul>

		<hr style="color: blue; height: 10; width: 50%;" >
		<li>Ayudantes</li>

		<ul>
			<li>Noelia Suárez</li>

			<li>Abel Rebollo</li>
		</ul>

		<hr style="color: blue; height: 10; width: 50%;" >

		<li>Auxiliares</li>

		<ul>
			<li>Silvia Estévez</li>

			<li>Angela González</li>
			
			<li>Cuarthemoc Adanez</li>
		</ul>
	</ol>
</body>
</html>

Se pide que combinemos listas desordenadas dentro de listas ordenadas, separadas por una etiqueta hr.

Un saludo.

pedro,, · « **Respuesta #1 en:** 24 de Marzo 2016, 00:00 »

Buenas.

Las listas están bien.

Pero las etiquetas hr no tienen bien definido el estilo.

Código: [Seleccionar]

<hr style="color: blue; height: 10; width: 50%;" >
En height pones 10, pero si no le indicas una unidad de medida lo obviará, asi que tendras que poner por ejemplo, 10px.
Y para que se vea el color de la barra, también deberías de añadir la propiedad background-color, porque solo poniendo color:blue no conseguirás que se vea de color azúl.
La linea quedaría así:

Código: [Seleccionar]

<hr style="background-color: blue; color: blue; height: 10px; width: 50%;" >

Saludos.

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

Noticias: