Ejercicios unidad 4: Listas

Ejercicio 1: Practicar con listas

Vamos a continuar creando la página principal (Home page) de un sitio web que empezamos en los ejercicios propuestos de las unidades anteriores. Para ello abre el archivo index.html de la carpeta ejercicios/cursos-aulaclic, que creamos anteriormente. Deberás tener el siguiente código:

<!doctype html>

    <html lang="es">

    <head>

    <meta charset="utf-8" />

    <title>aulaClic. Cursos gratis</title>

    <link rel="stylesheet" type="text/css" href="css/aulaclic.css" />

    </head>

    <body>

    <a href="https://www.aulaclic.es"><img src="graficos/logo_aulaclic.png"> </a>

    <p>La primera web en español sobre cursos de informática gratis on-line.</p>

    <h2>Cursos de aulaClic</h2>

    <p>Access 2016, Excel 2016, Internet, Windows</p> 

    <h2>Cursos de colaboradores</h2>

    <p>autoCAD 2015, Estadística con Excel, Joomla</p>

    <hr>

    <p><a href="https://www.aulaclic.es/portada/Política_cookies.html" target="_blank"> <b>Política de cookies</b></a> </p> 

    </body>

  </html>

Abre también el archivo aulaclic.css de la carpeta ejercicios/cursos-aulaclic/css, que creamos anteriormente. Deberás tener el siguiente código:

/* CSS Hoja de estilo. aulaclic.css */

    h1 { text-align: center}

    h2 { color:blue}

  a:link { text-decoration: none }

Este ejercicio consiste en modificar la página index.html para que quede como muestra esta imagen:

Ej. propuesto 4.

Teniendo en cuenta lo siguiente:

Los textos "Cursos de aulaClic" y "Cursos de colaboradores" serán dos elementos de una lista desordenada con formato <h2>, la lista no debe tener el punto que aparece delante de cada elemento por defecto.
Los cursos de aulaClic serán los elementos de una lista ordenada anidada dentro de la lista desordenada, y los cursos de los colaboradores serán los elementos de una lista ordenada anidada en el segundo elemento de la lista desordenada. Además, debe empezar a numerar por el número 5.
La lista desordenada debe tener color azul definido en la hoja de estilo para la etiqueta <ul>.
Las listas ordenadas deben tener color negro definido en la hoja de estilo para la etiqueta <ol>.
Guarda los archivos con los mismos nombres que ya tienen index.html y aulaclic.css.

Puedes consultar aquí las soluciones propuestas, primero intenta resolverlo sin ayuda.

Enero-2019 (V 2.2)

Cursos Informática Gratuitos

Síguenos en: Facebook Sobre aulaClic Política de Cookies