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:
Una lista no ordenada es aquella que utiliza balas. Como esta:
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:
(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:
Usas los tipos como este:
También puede especificar un comienzo. Pero el comienzo tiene que ser un número:
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í:
El valor predeterminado es Disco. Así que si quieres círculos negros redondos para tus balas, puedes perder el atributo TYPE:
Y aquí están los resultados en un navegador:
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