Ayuda ejercicios unidad 4: Listas



Ejercicio 1: Practicar con listas

El archivo index.html debe quedar con el código que ves a continuación:

  <!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="http://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>
  <ul>
   <li><h2>Cursos de aulaClic</h2></li>
    <ol>
       <li>Access 2016</li>
       <li>Excel 2016</li>
       <li>Internet</li>
       <li>Windows</li>
    </ol>
  <li><h2>Cursos de colaboradores</h2></li>
    <ol start="5">
      <li>autoCAD 2015</li>
      <li>Estadística con Excel</li>
      <li>Joomla</li>
    </ol>
  </ul>
<hr>
<p><a href="http://www.aulaclic.es/portada/Política_cookies.html" target="_blank"> <b>Política de cookies</b></a> </p>
</body> </html>

Observa que con el atributo start indicamos donde debe comenzar la numeración.

Y el archivo aulaclic.css debe quedar con el código que ves a continuación:

/* CSS Hoja de estilo. aulaclic.css */
ul { list-style-type: none;
color:blue }
ol { color:black}
a:link { text-decoration: none }

Ten en cuenta que tal y como hemos definido el color azul, este afectará a todas las listas desordenadas que haya en la página. Lo mismo para el color negro de las listas ordenadas. Para personalizar una lista específica podemos crear una clase en la hoja de estilo, por ejemplo .rojo { color:red } y aplicar dicha clase a la lista que queramos: <ol class="rojo">.

La página web generada en este ejercicio es esta:

Ej. propuesto 4.


Enero-2019 (V 2.0)
Atrás Volver Adelante






Página inicial  Cursos Informática Gratuitos

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


© aulaClic S.L. Todos los derechos reservados. Prohibida la reproducción por cualquier medio.