Puedes insertar una lista con viñetas en tu página con HTML. Hay dos tipos de listas para elegir: Lista ordenada y sin ordenar. Una lista ordenada es aquella que usa números, letras, números romanos o una combinación. Como esta:

Listas HTML

Una lista no ordenada es aquella que utiliza balas. Como esta:

Listas HTML

Para obtener una lista con números o letras, se utiliza esta etiqueta:

La OL significa Lista Ordenada, por supuesto. Pero esas dos etiquetas no te darán una lista. Necesitas incluir otra etiqueta, la etiqueta LI. LI significa Lista de Artículos. Necesitas un par de etiquetas LI para cada elemento de tu lista. Así que para tres artículos, el código es éste:

Listas HTML

(Estrictamente hablando, no necesitas las etiquetas del final LI.)

Para obtener la lista de viñetas, se utiliza la etiqueta UL. UL son las siglas de Unordered List (lista no ordenada). Se usa exactamente de la misma manera. Basta con sustituir las etiquetas OL por las etiquetas UL.

Tanto para la lista de ordenados como para la de no ordenados, se puede especificar qué tipo se desea utilizar para las balas o los números. Los tipos son estos:

Listas HTML

Usas los tipos como este:

Listas HTML

También puede especificar un comienzo. Pero el comienzo tiene que ser un número:

Listas HTML

Así que esa lista será de letras mayúsculas, empezando por la 7ª letra, o "G".

Hay tres tipos de balas que puedes usar para las listas no ordenadas: Disco, Círculo y Cuadrado. Las usas así:

Listas HTML

El valor predeterminado es Disco. Así que si quieres círculos negros redondos para tus balas, puedes perder el atributo TYPE:

Listas HTML

Y aquí están los resultados en un navegador:

Listas HTML

Prueba las diferentes listas de tu código HTML y añade los diferentes tipos al código. De esa manera podrás ver cómo se usan y cómo se ven.

En la siguiente sección, tendrás una introducción a las hojas de estilo en cascada.

| Introducción a la CSS