Foros aprenderaprogramar.com
Aprender a programar => Aprender a programar desde cero => Mensaje iniciado por: EnigmaticNerd en 06 de Agosto 2017, 00:42
-
Buenas tardes. Esta es la realización del ejercicio CU00718B del curso básico de programación web con HTML:
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.
Acá el código:
<!DOCTYPE html>
<html>
<head>
<title>
Ejercicio
</title>
<meta charset="utf-8"/>
</head>
<body>
<ol>
<li>Doctores</li>
<ul style="list-style-type:disc">
<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>Ayudantes</li>
<ul style="list-style-type:disc">
<li>Noelia Suárez</li>
<li>Abel Rebollo</li>
</ul>
<hr style="height:10px; color:blue; background-color:blue; width:50%"/>
<li>Auxiliares</li>
<ul style="list-style-type:disc">
<li>Silvia Estévez</li>
<li>Angela González</li>
<li>Cuarthemoc Adanez</li>
</ul>
</ol>
</body>
</html>
Si tienen correcciones o sugerencias, se las agradeceré enormemente. Gracias.
-
Hola EnigmaticNerd, la verdad tu ejercicio esta bien. Pero te olvidaste de agregar los ";"m en el final de esta línea.
background-color:blue; width:50%"/>.
Y tambien en style="list-style-type:disc">Recuerda si esta usando sintaxis CSS, cuando terminas de escribir el código, por ejemplo: <hr style="width: 50%;" />, en el ejemplo muestra que pongo el punto y coma.
Otra cosa rara que se dio, es que a mi me aparece centrado el hr.
(http://i.imgur.com/VbApldT.png)
La verdad noce porque pasa esto, pero todo esta bien.
Un saludo. ;D
-
¡Gracias por la corrección hermano! De verdad es un error que traigo desde hace tiempo el no finalizar con ; esas sentencias, pensé que no era necesario.
Y respecto al centrado de la línea, pues, supongo que es porque precisamente porque el width está estableciendo esa medida (50 % a la izq, 50 % a la derecha). Lo probé con menos, y fue reduciendo la línea cada vez más.
-
Tienes razon, EnigmaticNerd, ahora lo entiendo.
Un saludo. :)