Mostrar Mensajes

Esta sección te permite ver todos los posts escritos por este usuario. Ten en cuenta que sólo puedes ver los posts escritos en zonas a las que tienes acceso en este momento.

Temas - EnigmaticNerd

Páginas: 1 2 [3]

Aprender a programar desde cero / HTML desde cero. Portal web básico con títulos, imágenes, links CU00727B

« en: 09 de Agosto 2017, 23:21 »

Buenas tardes. Este es el enunciado del ejercicio CU00727B del tutorial de programación HTML desde cero:

Citar

Define la estructura de un portal web que conste de:

a) Una cabecera con una imagen, un texto h1, y otra imagen que a su vez sea un link.

b) Un cuerpo con un menú que contenga 5 items, una imagen y dos párrafos.

c) Un pie que contenga una imagen, un copyright y un texto que sea a su vez un link.

Acá el código:

Código: [Seleccionar]

<!DOCTYPE html>
<html>

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

    <body style="background-color:darkgrey">
 <div id="page" style="width: 980px; text-align: center; margin: auto; border: 2px solid white;">

                                             <!--Cabecera-->                   
        <div id="cabecera">

            <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/0/06/Flag_of_Venezuela.svg/125px-Flag_of_Venezuela.svg.png" alt="Venezuela"/>

            <h1>Venezuela</h1>

             Para saber más haga clic aquí: <a href="https://es.wikipedia.org/wiki/Venezuela" title="Ir a wikipedia"><img src="data:image/jpeg;base64,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" alt="wikipedia" height="70px"/></a>


        </div>
                                         <!--Fin de cabecera-->
                                        

        <hr style="background-color:yellow; color:yellow; height:5px;"/>

                                         <!--Contenedor-->

        <div id="wrapper">
    
                                        <!--Menú-->
            <div id="menu">

                <ul>
                    <li><a href="https://es.wikipedia.org/wiki/Gastronom%C3%ADa_de_Venezuela" title="Ver gastronomía venezolana" target="_blank">Gastronomía en Venezuela</a></li>
                    <li><a href="http://www.eluniversal.com/noticias/guia-turistica/las-mejores-playas-venezuela_642252" title="Ir a playas venezolanas" target="_blank">Playas de Venezuela</a></li>
                    <li><a href="http://enviajes.cl/venezuela/lugares-turisticos-de-venezuela/" title="Ver sitios turísticos venezolanos" target="_blank">Sitios turísticos venezolanos</a></li>
                    <li><a href="http://www.venezuelatuya.com/biografias/" title="Ver personajes históricos venezolanos" target="_blank">Personajes históricos de Venezuelaz</a></li>
                    <li><a href="https://es.wikipedia.org/wiki/Econom%C3%ADa_de_Venezuela" title="Ver economía venezolana" target="_blank">Economía en Venezuela</a></li>
                </ul>

            </div>
                                        <!--Fin de menú-->

            <hr style="background-color:blue; color:blue; height:5px;"/>

                                        <!--Cuerpo-->
            <div id="body">

                <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/4/46/Coat_of_arms_of_Venezuela.svg/79px-Coat_of_arms_of_Venezuela.svg.png" alt="Escudo de armas de Venezuela"/>

                <p>“Más cuesta mantener el equilibrio de la libertad que soportar el peso de la tiranía”.<cite> Simón Bolivar.</cite></p>
                <p>"El tamaño de tu éxito será el tamaño de tu esfuerzo".<cite> Francisco de Miranda.</cite></p>
           
            </div>
                                        <!--Fin de cuerpo-->

        </div>

                                      <!--Fin del contenedor-->                      
            <br/>
            <br/>

            <hr style="background-color:red; color:red; height:5px;"/>

                                    <!--Pie de página-->

            <div id="pie">

                <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQgA782_H-lq6-bH8-jHKpFLzW-5Guzvje09-fhejY9TCQCtSJo" alt="Gobierno bolivariano" width="150px" height="50px"/>
               Copyright 2017-2018 EnigmaticNerd <a href="https://www.aprenderaprogramar.com/foros/index.php?action=profile;u=7502" title="Ir a perfil del diseñador" target="_blank">Perfil del diseñador</a>
            </div>
                                   <!--Fin de pie de página-->

 </div>

    </body>
    
</html>

Si tienen correcciones o sugerencias, se las agradeceré enormemente. Gracias.

Aprender a programar desde cero / Aprender a programar HTML desde cero. Maquetar estructura de página web CU00726B

« en: 09 de Agosto 2017, 19:24 »

Buenas tardes. Este es el enunciado del ejercicio CU00726B del tutorial de programación web con HTML desde cero:

Citar

Crea una página web utilizando los distintos elementos HTML que hemos ido estudiando en el curso que refleje de forma aproximada lo que se ve en esta imagen y que cumpla lo indicado más abajo:

Citar

Los elementos a incluir son: un título h1, un título h2. Menú, separador hr, lista de elementos que son links, párrafos de texto que contienen algunos links. Imágenes. Un formulario. Imagen y texto de pie.

La página debe organizarse en capas según esta estructura: capa de cabecera (contiene títulos h1 y h2). Capa de cuerpo (contiene menú, párrafos y formulario). Capa de pie (contiene imagen y copyright).

Acá el código:

Código: [Seleccionar]

<!DOCTYPE html>
<html>
    <head>
        <title>CU00726B</title>
        <meta charset="utf-8"/>
    </head>

    <body>

       <div name="cabecera">
           <h1>Portal web aprenderaprogramar.com</h1>

           <h2>Didáctica y divulgación de la programación</h2>

       </div>

       <div name="cuerpo">
           <br/>

           <p>Menú</p>

           <hr/>

           <ul>
               <li><a href="#" title="Ir al inicio">Inicio</a></li>
               <li><a href="#" title="Ir a libros de programación">Libros de programación</a></li>
               <li><a href="#" title="Ir a cursos de programación">Cursos de programación</a></li>
               <li><a href="#" title="Ir a humor informático">Humor informático</a></li>
           </ul>

               <br/>

               <p>
                   Aprender a programar es un objetivo que se plantea mucha gente y que no todos alcanzan.
               </p>

             
               <p>
                   Hay que tener claro que <a href="http://aprenderaprogramar.com" target="_blank" title="Ir a aprenderaprogramar.com">aprender programación</a> no es tarea de un día ni de una semana:
                aprender programación requiere al menos varios meses y, si hablamos de programación a nivel profesional, varios años. No queremos con esto
                desanimar a nadie: en un plazo de unos pocos días podemos estar haciendo nuestros primeros programas.
              </p>

               
                <p>
                    Puedes seguir uno de <a href="https://www.aprenderaprogramar.com/index.php?option=com_content&view=article&id=57&Itemid=86" target="_blank" title="Ir a cursos de programación">nuestros cursos</a> entre los varios disponibles.
                    Cuando haya que utilizar un editor de textos recomendamos el uso de uno potente y sencillo como Notepad++, aunque son válidas otras
                    alternativos como Crimson Editor.
                </p>

                    <a  href="http://www.crimsoneditor.com/english/download.html" target="_blank"><img src="https://upload.wikimedia.org/wikipedia/commons/0/0f/Notepad%2B%2B_Logo.png" alt="Notepad++"/></a>
                    
                    <a  href="http://www.crimsoneditor.com/english/download.html" target="_blank"><img style="height: 120px;" href="https://notepad-plus-plus.org/download/v7.4.2.html" target="_blank" src="http://imag.malavida.com/mvimgbig/download-s/crimson-editor-115-0.jpg" alt="Crimson editor"/></a>
                    <br/>
                    <br/>

                    <p>Si quieres contactar con nosotros envíanos este formulario relleno: </p>
                    
                    <br/>

                    <form action="#" method="get">

                        <label for="nombre">Nombre:</label>
                        <input type="text" name="nombre" id="nombre"/>

                        <br/>

                        <label for="apellidos">Apellidos:</label>
                        <input type="text" name="apellidos" id="apellidos"/>

                        <br/>

                        <label for="direccion" name="direccion">Direccion:</label>
                        <input type="text" name="direccion" id="direccion"/>

                        <br/>

                        <label for="email">Correo electrónico:</label>
                        <input type="text" name="email" id="email"/>

                        <br/>

                        <label for="mensaje">Mensaje:</label>
                        <textarea name="mensaje" id="mensaje" rows="4" cols="50"></textarea>

                        <br/>
                        <br/>

                        <input type="submit" value="Enviar"/>
                        <input type="reset" value="Cancelar"/>

                    </form>
       </div>

       <div name="pie">

            <br/>
            <br/>
            <br/>

           <img src="http://lh5.ggpht.com/_PeVwghrmOec/TMkzEonRrcI/AAAAAAAAAHc/IxL8g0fTYtk/an_oliva_png.png" alt="aprenderaprogramar.com"/>
           Copyright 2006-2038 aprenderaprogramar.com

       </div>
           
    </body>

</html>

Si tienen correcciones o sugerencias, se las agradeceré enormemente. Gracias

Aprender a programar desde cero / Programación HTML desde cero. Enctype multipart/form-data Ejercicio CU00725B

« en: 09 de Agosto 2017, 01:44 »

Buenas noches. Este es el enunciado del ejercicio CU00725B del tutorial de programador web con HTML desde cero:

Citar

Crea una página web que contenga un formulario que cumpla estas condiciones.

Como título antes del formulario debe figurar con etiquetas h1 el texto <<Inscripción al concurso Jara y Sedal>>. Debe contener:

a) Nombre

b) Apellidos

c) Dirección

d) Fotografía (aquí se debe dar opción a elegir un archivo de imagen que será la fotografía)

e) Un botón submit para enviar que muestre el texto <<¡¡¡Me apunto!!!>> y un botón reset para restablecer que muestre el texto <<Cancelar>>.

Ten en cuenta que para el envío de archivos tienes que establecer correctamente los atributos del formulario: method y enctype.

Acá el código:

Código: [Seleccionar]

<!DOCTYPE html>
<html>

    <head>

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

    <body>

        <h1>Inscripción al concurso Jara y Sedal</h1>

        <form action="accion.php" method="POST" enctype="multipart/form-data">

            <label for="nombre">Nombre: </label>
            <input name="nombre" id="nombre" type="text"/>

            </br>
            </br>

            <label for="apellidos">Apellidos: </label>
            <input type="text" name="apellidos" id="apellidos"/>

            </br>
            </br>
            
            <label for="direccion">Direccion: </label>
            <input type="text" name="direccion" id="direccion"/>

            </br>
            </br>
            
            <label for="fotografia">Fotografia: </label>
            <input type="file" name="fotografia" id="fotografia"/>

            </br>
            </br>
            
            
            <button name="enviar" type="submit">

                ¡¡¡Me apunto!!!

            </button>

            <button name="reset" type="reset">

                Cancelar

            </button>
            
        </form>
    
    </body>
    
</html>

Si tienen correcciones o sugerencias, se las agradeceré enormemente. Gracias.

Aprender a programar desde cero / Ejercicio CU00724B de programación HTML desde cero. Botones con texto, submit

« en: 09 de Agosto 2017, 00:46 »

Buenas tardes. Este es el enunciado del ejercicio CU00724B del taller de programación web con HTML usando Notepad++ como editor:

Citar

Crea una página web que contenga dos formularios que cumplan estas condiciones.

Como título antes del primer formulario debe figurar con etiquetas h1 el texto <<Inscripción al concurso Saber y Ganar>>. Debe contener:

a) Nombre

b) Apellidos

c) email

d) Teléfono

e) Un botón submit para enviar que muestre el texto <<¡¡¡Me apunto!!!>> y un botón reset para restablecer que muestre el texto <<Cancelar>>.

Como título antes del segundo formulario debe figurar con etiquetas h1 el texto “Petición de información”. Debe contener:

a) Nombre

b) País

c) email

d) Consulta que se quiere realizar (debe ser un textarea que permita escribir múltiples líneas).

e) Un botón para enviar de tipo imagen y un botón para restablecer de tipo button que muestre dentro del botón lo siguiente: <<Pulse aquí para cancelar>>, un salto de línea, y el texto <<Esto borrará los datos>>.

Acá el código:

Código: [Seleccionar]

<!DOCTYPE html>
<html>
    <head>
        <title>CU00724B</title>
        <meta charset="utf-8"/>
    </head>

    <body>

        <h1>Inscripción al concurso Saber y Ganar</h1>

        <form method="get" action="http://aprenderaprogramar.com">

            
                <label for="nombre">Nombre: </label>
                <input type="text" name="nombre" id="nombre"/>

                <br/>
                <br/>

                <label for="apellidos">Apellidos: </label>
                <input type="text" name="apellidos" id="apellidos"/>

                <br/>
                <br/>

                <label for="email">Email: </label>
                <input type="text" name="email" id="email"/>

                <br/>
                <br/>

                <label for="telefono">Teléfono: </label>
                <input type="text" name="telefono" id="telefono"/>

                </br>
                </br>
            
                <button type="submit" name="enviar">
                
                    ¡¡¡Me apunto!!!

                </button>

                <button type="reset" name="reset">

                    Cancelar

                </button>
        
        </form>

        <h1>Petición de información</h1>

        <form method="get" action="http://aprenderaprogramar.com">

            <label for="nombre_peticion">Nombre: </label>
            <input type="text" name="nombre_peticion" id="nombre_peticion"/>

            <br/>
            <br/>

            <label for="pais">Pais: </label>
            <input type="text" name="pais" id="pais"/>

            <br/>
            <br/>

            <label for="email_peticion">Email: </label>
            <input type="text" name="email_peticion" id="email_peticion"/>

            <br/>
            <br/>

            Consulta: <textarea name="consulta" cols="30" rows="2">Su consulta aquí</textarea>

            <br/>
            <br/>

            <input name="img" type="image" src="/images/aprenderaprogramar/imagen.png"/>

            <button type="reset" name="reset_peticion">

                Pulse aquí para Cancelar
                
                <br/>
                
                Esto borrará los datos

            </button>

        </form>
    </body>
</html>

Si tienen correcciones o sugerencias, se las agradeceré enormemente. Gracias.

Aprender a programar desde cero / Ejercicio CU00723B de Aprender a programar: HTML desde cero. checkbox y radio

« en: 08 de Agosto 2017, 02:24 »

Buenas noches. Este es el enunciado del ejercicio CU00723B del tutorial de programación en HTML desde cero:

Citar

Crea una página web que contenga un formulario que cumpla estas condiciones. Como título principal de la página debe figurar con etiquetas h1 el texto “Preferencias musicales”. Debe contener tres checkbox que permitan elegir tipos de música favoritas entre Rock, Pop y Jazz. Seguidamente mediante radio buttons se debe pedir la edad ofreciendo estas opciones: de 12 a 17 años, de 18 a 35 años, de 36 a 65 años y más de 65. Finalmente, se deben poder elegir “grupos y cantantes que te gustan” permitiéndose la selección múltiple y ofreciendo un optgroup denominado Rock con tres nombres de grupos o cantantes, otro optgroup denominado Pop con tres nombres de grupos o cantantes y otro optgroup denominado Jazz con tres nombres de grupos o cantantes.

Acá el código:

Código: [Seleccionar]

<!DOCTYPE html>
<html>
    <head>
        <title>CU00723B</title>
        <meta charset="utf-8"/>
    </head>

    <body style="background-color:beige;">

        <h1>Preferencias musicales</h1>

        <form method="get" action="http://aprenderaprogramar.com/action.php">

           <input type="checkbox" name="rock" id="rock"/>
               <label for="rock">Rock</label>

               <br/>
           
           <input type="checkbox" name="jazz" id="jazz"/>
                <label for="jazz">Jazz</label>

                <br/>

            <input type="checkbox" name="pop" id="pop"/>
                <label for="pop">Pop</label>

            <hr style="color:cadetblue; background-color:cadetblue; height:10px;"/>

            <h3>Seleccione su edad</h3>

            <input name="edad" type="radio" value="menor" id="menor"/>
            <label for="menor">De 12 a 17 años</label>

            <br/>

            <input name="edad" type="radio" value="joven" id="joven"/>
            <label for="joven">De 18 a 35 años</label>

            <br/>

            <input name="edad" type="radio" value="adulto" id="adulto"/>
            <label for="adulto">De 18 a 35 años</label>

            <br/>

            <input name="edad" type="radio" value="mayor" id="mayor"/>
            <label for="mayor">De 36 a 65 años</label>

            <br/>

            <input name="edad" type="radio" value="anciano" id="anciano"/>
            <label for="anciano">Más de 65 años</label>

            <hr style="color:cadetblue; background-color:cadetblue; height:10px;"/>

            <h3>Grupos y cantantes que te gustan</h3>
            <p>Puede seleccionar varios manteniendo presionada la tecla "CTRL"</p>

            <select name="grupos[]" multiple="multiple">

                <optgroup label="Rock">
                    <option>Aerosmith</option>
                    <option>AC/DC</option>
                    <option>Iron Maiden</option>
                </optgroup>

                <optgroup label="Pop">
                    <option>Michael Jackson</option>
                    <option>Bruno Mars</option>
                    <option>Lady Gaga</option>
                </optgroup>

                <optgroup label="Jazz">
                    <option>Ray Charles</option>
                    <option>Amy Winehouse</option>
                    <option>Alicia Keys</option>
                </optgroup>

            </select>
           
            <br/>
            <br/>
            
            <input type="submit" value="Enviar"/>
            <input type="reset"/>

        </form>
    </body>
</html>

Si tienen correcciones o sugerencias, se las agradeceré enormemente. Gracias.

Aprender a programar desde cero / Ejercicio CU00722B de Aprender a programar: HTML desde cero. Datos en formulario

« en: 07 de Agosto 2017, 19:46 »

Buenas tardes. Este es el ejercicio CU00722B del tutorial de programación web con HTML básico:

Citar

Crea una página web que contenga un formulario de registro de usuarios que cumpla estas condiciones:

Como título principal de la página debe figurar con etiquetas h1 el texto “Solicitud de alta como usuario”. Debe contener un campo entrada de línea para solicitar el nombre. Debe contener un campo entrada de línea para solicitar los apellidos. Debe contener un campo entrada de línea para solicitar el correo electrónico. Debe contener un campo entrada de línea y tipo password para solicitar la contraseña. Debe contener un campo multilínea para solicitar observaciones. El formulario se debe enviar por el método get a la dirección de destino http://aprenderaprogramar.com

Para comprobar si tus respuestas son correctas puedes consultar en los foros aprenderaprogramar.com.

Acá el código:

Código: [Seleccionar]

<!DOCTYPE html>
<html>
    <head>
        <title>Ejercicio</title>
        <meta charset="utf-8">
    </head>
    <body>

       <h1>Solicitud de alta como usuario</h1>
       <form action="http://aprenderaprogramar.com" method="GET">

        Nombre: <input type="text" name="nombre"/>
        
        </br>
        </br>

        Apellido: <input type="text" name="apellidos"/>

        </br>
        </br>

        Email: <input type="text" name="email"/>

        </br>
        </br>

        Contraseña: <input type="password" name="password" value="12345"/>

        </br>
        </br>

        Observaciones: <textarea name="comentarios" row="2" cols="30">Sus comentarios aquí...</textarea>

        </br>
        </br>

        <input type="submit" value="Enviar">
        <input type="reset">
       </form>
    </body>
</html>

Si tienen correcciones o sugerencias, se las agradeceré enormemente. Gracias.

Aprender a programar desde cero / Ejercicio CU00720B de Aprender a programar: HTML desde cero. Formularios HTML

« en: 07 de Agosto 2017, 18:37 »

Buenos días. Este es el ejercicio CU00720B del curso básico de programación HTML usando Notepad++ como editor:

Citar

Basándote en el código de ejemplo que hemos visto, crea una página web que cumpla con lo que indicamos a continuación:

a) Como título principal de la página debe figurar con etiquetas h1 el texto “Inscripción al Congreso de Medicina Santiago 2048”

b) Debe contener dos formularios: el primero será “Inscripción al Congreso para médicos especialistas” y el segundo “Inscripción al congreso para médicos generalistas”. Estos títulos deben figurar antes del formulario con etiquetas h2.

c) El formulario para médicos especialistas debe solicitar nombre, apellidos, especialidad y año de obtención de la especialidad.

d) El formulario para médicos generalistas debe solicitar nombre, apellidos, centro médico donde ejerce y año de obtención del título.

Nota: para evitar confusiones en el envío de datos, todos los campos name deben tener valores diferentes, es decir, en ambos formularios no se pueden repetir nombres los nombres identificativos empleados.

Acá el código:

Código: [Seleccionar]

<!DOCTYPE html>
<html>
    <head>
        <title>Formulario</title>
        <meta charset="utf-8">
    </head>
    <body>

        <h1>Inscripción al Congreso de Medicina Santiago 2048</h1>

        <h2>Inscripción al congreso para médicos especialistas</h2>
        <form action="#" method="POST"> 

            <p>

                <label for="nombre">Introduzca su nombre: </label>
                <input type="text" id="nombre" name="nombre"/>

                <br/> <br/>

                <label for="apellidos">Introduzca sus apellidos: </label>
                <input type="text" id="apellidos" name="apellido"/>

                <br/> <br/>

                <label for="especialidad">Introduzca su especialidad: </label>
                <input type="text" id="especialidad" name="especialidad"/>

                <br/> <br/>

                <label for="año">Introduzca el año en que obtuvo su especialidad: </label>
                <input type="text" id="año" name="año"/>

                <br/> <br/>

                <input type="submit" value="Enviar"/>
                <input type="reset"/>
            </p>

        </form>

        <h2>Inscripción al congreso para médicos generalistas</h2>

        <form action="#" method="POST">
            <p>

                <label for="nombre">Introduzca su nombre: </label>
                <input type="text" id="nombre" name="nombre1"/>

                 <br/> <br/>

                <label for="apellidos">Introduzca sus apellidos: </label>
                <input type="text" id="apellidos" name="apellido1"/> 

                <br/> <br/>

                <label for="sitio">Centro médico donde ejerce: </label>
                <input type="text" id="sitio" name="sitio"/>

                <br/> <br/>

                <label for="título">Año de obtención de su título</label>
                <input type="text" id="título" name="título"</>

                <br/> <br/>

                <input type="submit" value="Enviar"/>
                <input type="reset"/>

            </p>
        </form>
    </body>
</html>

Si tienen correcciones o sugerencias, se las agradeceré enormemente. Gracias.

Aprender a programar desde cero / Ejercicio CU00719B de Aprender a programar código HTML desde cero. Crear tablas.

« en: 06 de Agosto 2017, 23:17 »

Buenas tardes. Este es el ejercicio CU00719B del tutorial básico de programación web desde cero:

Citar

Crea un documento con una tabla HTML que tenga la apariencia de la tabla indicada a continuación. La primera fila debe estar compuesta por elementos de encabezado de tabla (th). No te preocupes por el centrado de los textos, sino únicamente por que las subdivisiones en la tabla aparezcan correctamente.

Acá el código:

Código: [Seleccionar]

<!DOCTYPE html>
<html>
    <head>
        <title>Tabla</title>
        <meta charset="utf-8"/>
    </head>

    <body>
        <table border="2px">
            <tr>
                <th>Jefe de departamento</th>
                <th>Jefe sección</th>
                <th>Empleado</th>
                <th>Edad empleado</th>
            </tr>

            <tr>
                <td rowspan="2" style="text-align:center">Juan Alberto Chan</td>
                <td style="text-align:center">Martín López</td>
                <td style="text-align:center">Maite Suárez</td>
                <td style="text-align:center">55</td>
            </tr>

            <tr>
                <td style="text-align:center">Luis Morales</td>
                <td style="text-align:center">Mateo Carralde</td>
                <td style="text-align:center">33</td>
            </tr>

            <tr>
                <td style="text-align:center">Diana Rodríguez</td>
                <td style="text-align:center">Carlos Hernández</td>
                <td style="text-align:center">Alberto Fernández</td>
                <td style="text-align:center">62</td>
            </tr>

            <tr>
                <td colspan="2" style="text-align:center">Luis Pérez</td>
                <td style="text-align:center">Diego Gutiérrez</td>
                <td style="text-align:center">44</td>
            </tr>
        </table>
    </body>
</html>

Si tienen correcciones o sugerencias, se las agradeceré enormemente. Gracias.

Aprender a programar desde cero / Ejercicio CU00718B de Aprender a programar: HTML desde cero. Crear listas en web

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

Páginas: 1 2 [3]

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

Noticias: