Autor Tema: Ejercicio CU00718B de Aprender a programar: HTML desde cero. Crear listas en web (Leído 2548 veces)

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:

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.

Acá el código:

Código: [Seleccionar]

<!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.

Jack_F · « **Respuesta #1 en:** 06 de Agosto 2017, 02:55 »

Hola EnigmaticNerd, la verdad tu ejercicio esta bien. Pero te olvidaste de agregar los ";"m en el final de esta línea.

Código: [Seleccionar]

background-color:blue; width:50%"/>.
Y tambien en

Código: [Seleccionar]

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.

La verdad noce porque pasa esto, pero todo esta bien.

Un saludo.

EnigmaticNerd · « **Respuesta #2 en:** 06 de Agosto 2017, 03:09 »

¡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.

Jack_F · « **Respuesta #3 en:** 06 de Agosto 2017, 06:54 »

Tienes razon, EnigmaticNerd, ahora lo entiendo.

Un saludo.

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

Noticias: