Elementos de lista

Las listas se definen de forma muy sencilla: se dice dónde empieza la lista, dónde empieza cada punto y dónde acaba la lista. Los etiquetas usados en cada término deben estar al principio de la línea y no es necesario usar <BR> ni <P> al final.

HTML soporta varios tipos de listas que pueden ser anidados unos con otros y deben estar en el cuerpo <BODY> del documento.

1. Lista numerada <OL>

Se trata de una lista numerada, en orden de importancia. Cada elemento se define con <LI> (List Item).

  1. Click en el botón URL.
  2. Escribe la dirección que quieres ver.
  3. Enter para ver la página Web.

COMPACT un parámetro que ordena la lista en forma compacta.
TYPE un parámetro con el que se puede definir el tipo de identificador u ordenador de la lista.
Ejemplo: <OL type=a>

Los tipos posibles son los siguientes:
type=A - A, B, C ...
type=a - a, b, c ...
type=I - I, II, III ...
type=i - i, ii, iii ...
type=1 - 1, 2, 3 ... (por omisión)

La cláusula type deberá estar en minúsculas. El Explorer 4 toma el anidado como diferentes tipos de lista de forma automática.

START un parámetro que indica en qué número empezará la lista, por ejemplo <OL START=5>, de manera que arranca en el número 5, 'E', 'e', 'V' o 'v' según el TYPE

Incluso para darte más flexibilidad, está permitido incluir los atributos TYPE y VALUE en cada elemento <LI>, afectando al elemento actual y a los subsecuentes.

2. Lista no numerada <UL>

Este etiqueta es usado para definir una lista de términos, cada uno precedido por una marca (bullet). Cada elemento de la lista empieza con la etiqueta <LI> (List Item)

Por omisión la lista tiene una viñeta (bullet) que es un disco sólido, pero también se puede poner un círculo o un rectángulo usando el parámetro type=disc|circle|square.

La cláusula type deberá estar en minúsculas. Al anidar listas el Explorer 4 toma cada lista con un tipo diferente de viñeta (bullet).

COMPACT es un atributo que ordena la lista en forma compacta.

3. Lista de definiciones o glosario <DL>

Se trata de una lista de términos a los que se les adjunta su definición. Con <DT> se pone el término a definir y con <DD> la definición del término.

WWW
Word Wide Web
SGML
Standard Generalized Markup Language.
HTML
Hypertext Markup Language.
URL
Uniform Resource Locator.
URI
Uniform Resource Identifier.
MIME
Multipurpose Internet Mail Extensions
BROWSER
Herramienta usada para visualizar documentos HTML.

El parámetro COMPACT hace que la lista esté en formato compacto es decir no hay espacio entre <DT> y <DD>


Ejemplo 1: Lista numerada.
<OL>
<LI>Alfonso Ugarte
<LI>Miguel Grau
<LI>Ramón Castilla
</OL>

Así se ve una lista numerada...

  1. Alfonso Ugarte
  2. Miguel Grau
  3. Ramón Castilla

Ejemplo 2: Lista no numerada.

<UL>
<LI>Tomates</LI>
<LI>Nabos</LI>
<LI>Zanahorias</LI>
</UL>

Así se ve una lista no numerada...

Ejemplo 3: Anidar lista no numerada.
Así se ven las listas no numerada anidadas...

Ejemplo 4: Glosario.

<DL>
<DT>Perro
<DD>Animal de cuatro patas que ladra.
<DT>Gato
<DD>Animal de cuatro patas que maúlla y se lleva muy mal con el perro.
<DT>Pájaro
<DD>Animal que vuela, está recubierto de plumas y le gusta comer al gato.
</DL>

Así se ve un glosario...

Perro
Animal de cuatro patas que ladra.
Gato
Animal de cuatro patas que maúlla y se lleva muy mal con el perro.
Pájaro
Animal que vuela, está recubierto de plumas y le gusta comer al gato.

Ejemplo 4: Simular una sangría.

<DL>
<DD>Manzana
<DD>Plátano
<DD>Uva
</DL>

Así se ve el truco...

Manzana
Plátano
Uva

La etiqueta <LI> causa un fin de párrafo, es decir obliga un salto a próxima línea.