Mundo Web
manuales - recursos - gráficos - programación...

Home - HTML - Listas en HTML - 1 - 2 - 3 - 4 - 5 - 6 - 7 - 8 - 9 - 10

Listas en HTML (I)
por Luciano Moreno, del departamento de diseño web de BJS Software.


Introducción.-

La misión principal de las páginas web es transmitir información, y ésta, lo queramos o no, viene de la mano fundamentalmente del contenido textual.

Ya hemos visto las diferentes herramientas que nos ofrece el lenguaje de marcas HTML para dar formato a nuestros textos, y hemos visto igualmente la ayuda inapreciable que aportan las Hojas de Estilos en Cascada (CSS) a esta labor de presentación de textos.

Pero hay ocasiones en las que debemos presentar en nuestras páginas algún tipo de índice o destacar en breves palabras los puntos fundamentales de algún tema concreto. Y en esas ocasiones necesitamos alguna forma de presentación de contenidos especialmente concebida para ello.

Afortunadamente el lenguaje HTML nos ofrece unas etiquetas que definen elementos de presentación que se adaptan perfectamente a estas labores; estamos hablando de las listas.

Las listas no sólo van a permitirnos crear índices de elementos y de definiciones, si no que nos pueden ayudar sobremanera a la hora de crear el diseño de nuestras páginas, ya que tienen la habilidad de "ampliar" o "disminuir" el espacio de pantalla necesario para presentar contenidos textuales. Si se saben usar correctamente, en más de una ocasión pueden ser la solución al diseño coherente de una página.

Existen dos tipos generales de listas, las listas regulares (ordenadas y de viñetas) y las listas de definiciones o glosario.

Vamos a ver entonces las herramientas que nos ofrece HTML para crear este tipo de elementos, y vamos a hacerlo dividiendo el tema en los siguientes apartados:

1)   Introducción 6)   Anidamiento de listas
2)   Listas regulares ordenadas 7)   Listas con estilo (I)
3)   Listas regulares no ordenadas 8)   Listas con estilo (II)
4)   La etiqueta <LI> 9)   Uso de las listas
5)   Listas de definiciones 10) Conclusiones

 


siguiente

Home - HTML - Imágenes en HTML - 1 - 2 - 3 - 4 - 5 - 6 - 7 - 8 - 9 - 10