Teoría
Teoría

Lista escalonada

Crear una lista escalonada es bastante sencillo.

Primero hay que crear una lista de primer nivel y, a continuación, añadir una lista de segundo nivel dentro de cualquier elemento de esta lista, entre las etiquetas <li> y </li>. Es necesario cerrar todas las etiquetas con cuidado.

Ejemplo de código correcto:

<ul>
  <li>1
    <ul>
      <li>1.1</li>
      <li>1.2</li>
    </ul>
  </li>
  <li>2</li>
</ul>

Código de ejemplo con un error:

<ul>
  <li>1</li>
  <ul>
    <li>1.1</li>
    <li>1.2</li>
  </ul>
  <li>2</li>
</ul>

En el ejemplo con el error, la lista anidada no se inserta dentro del elemento de lista, sino entre los elementos, lo cual es inaceptable.

El número de niveles en las listas es ilimitado. En una lista multinivel pueden utilizarse tanto listas ordenadas como desordenadas.

En esta tarea, practicaremos el trabajo con listas de varios niveles.

index.html

HTML

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Lista escalonada</title> </head> <body> <h1>Secciones del curso</h1> <ol> <li> Etiquetas de título <ol> <li>h1</li> <li>h2</li>  </ol> </li> <li>Lista de etiquetas</li> <li>Formularios etiquetas</li> </ol> </body> </html>

ObjetivosRealizado

Añada dos elementos más a la sublista "Etiquetas de título".