Apuntes sobre HTML (Cuarta parte): Listas

Listas regulares ordenadas

Este tipo de listas muestran una serie de elementos ordenados en una secuencia jerárquica lógica. Se construyen partiendo de la pareja de etiquetas base <OL>...</OL> (Ordered List=Lista Ordenada).

Estas etiquetas deben siempre ir en parejas apertura-cierre y contienen en su interior un número variable de etiquetas <LI>...</LI> , que son las que van a definir los diferentes elementos textuales de las lista.

Atributos de la etiqueta <OL>.

Estos atributos permiten configurar el aspecto que va a tener la lista.

• type="tipo": define la secuencia a utilizar en la lista, en su orden natural lógico.

  El parámetro type puede tomar los valores:

  • type="1": define una lista ordenada mediante números enteros consecutivos seguidos de un punto.
    1. Primero
    2. Segundo
    3. Tercero

    <ol type="1">
    <li>Primero</li>
    <li>Segundo</li>
    <li>Tercero</li>
    </ol>

  • type="A": define una lista ordenada mediante letras mayúsculas consecutivas seguidas de un punto.
    1. Primero
    2. Segundo
    3. Tercero

    <ol type="A">
    <li>Primero</li>
    <li>Segundo</li>
    <li>Tercero</li>
    </ol>

  • type="a": define una lista ordenada mediante letras minúsculas consecutivas seguidas de un punto.
    1. Primero
    2. Segundo
    3. Tercero

    <ol type="a">
    <li>Primero</li>
    <li>Segundo</li>
    <li>Tercero</li>
    </ol>

  • type="I": define una lista ordenada mediante números romanos en mayúscula consecutivos seguidos de un punto.
    1. Primero
    2. Segundo
    3. Tercero

    <ol type="I">
    <li>Primero</li>
    <li>Segundo</li>
    <li>Tercero</li>
    </ol>

  • type="i": define una lista ordenada mediante números romanos en minúscula consecutivos seguidos de un punto.
    1. Primero
    2. Segundo
    3. Tercero

    <ol type="i">
    <li>Primero</li>
    <li>Segundo</li>
    <li>Tercero</li>
    </ol>

• start="x": define el primer el comienzo de la serie de elementos de la lista, el primero de la que va a aparecer. Los valores del parámetro "x" son siempre números enteros a partir de 1. Si no se especifica este atributo, la lista empezará siempre por el primer elemento.
  
  
  
  
  4. Cuarto
  
  
  5. Quinto
  
  
  6. Sexto

  <ol type="1" start="4">
  <li>Cuarto</li>
  <li>Quinto</li>
  <li>Sexto</li>
  </ol>

  
  
  4. Cuarto
  
  
  5. Quinto
  
  
  6. Sexto

  <ol type="A" start="4">
  <li>Cuarto</li>
  <li>Quinto</li>
  <li>Sexto</li>
  </ol>

Listas regulares ordenadas

Este tipo de listas muestran una serie de elementos sin un orden en una jerárquico. Comunmente se las denomina viñetas. Se construyen partiendo de la pareja de etiquetas base <UL>...</UL> (Unordered List=Lista Sin ordenar).

Igual que las anteriores estas etiquetas deben siempre ir en parejas apertura-cierre y contienen en su interior un número variable de etiquetas <LI>...</LI> , que son las que van a definir los diferentes elementos textuales de las lista.

Atributos de la etiqueta <UL>.

Estos atributos permiten configurar el aspecto que va a tener la lista.

• type="tipo": define la viñeta a utilizar en la lista.

  El parámetro type puede tomar los valores:

  • type="disc": define una lista con una viñeta circular negra rellena.
    1. Primero
    2. Segundo
    3. Tercero

    <ol type="disc">
    <li>Primero</li>
    <li>Segundo</li>
    <li>Tercero</li>
    </ol>

  • type="circle": define una lista con una viñeta circular negra hueca.
    1. Primero
    2. Segundo
    3. Tercero

    <ol type="circle">
    <li>Primero</li>
    <li>Segundo</li>
    <li>Tercero</li>
    </ol>

  • type="square": define una lista con una viñeta cuadrada negra rellena.
    1. Primero
    2. Segundo
    3. Tercero

    <ol type="square">
    <li>Primero</li>
    <li>Segundo</li>
    <li>Tercero</li>
    </ol>