receta listas

LISTAS Y TABLAS EN
CCS.
MAQUETACION Y USOS.
21/03/2013
UNIVERSIDAD NACIONAL EXPERIMENTAL DEL TACHIRA
MARIA CHACON Y HENRY JAIMES

Introducción.
Otro de los elementos que aparecen confrecuencia en una página web son las LISTAS
que, de manera simple, podemos decir que son una serie de ítems colocados en columna
precedidos habitualmente de una bolita negra o un número.
El lenguaje HTMLdefine tres tipos diferentes de listas para agrupar los elementos: listas
desordenadas (se trata de una colección simple de elementos en la que no importa su
orden), listas ordenadas (similar a laanterior, pero los elementos están numerados y por
tanto, importa su orden) yistas de definición (un conjunto de términos y definiciones
similar a un diccionario).

Ingredientes. Definición yterminología.
 Cada

ítem de una lista, sea del tipo que sea, se encuentra entre las
etiquetas: ... .

 Para listas ordenadas, colocamos todos los ítems entre las etiquetas: ... .
 Paralistas desordenadas,
etiquetas: ... .

colocamos

todos

los

ítems

entre

las

 El tipo de viñeta con la propiedad: list-style-type.
 Posición dentro de la lista de los ítems con lapropiedad: list-style-position.
 Cambiar las viñetas por pequeñas imágenes, con la propiedad: list-style- image.

Sintaxis para los estilos de lista.
 La propiedad list-style-type especifica elformato visual de la lista.
selector {list-style-type: valor}
Los posibles valores para definir el estilo de las listas
disc | circle | square | decimal | decimal-leading-zero | lower-roman |upper-roman | lowergreek | lower-latin | upper-latin | armenian | georgian | lower-alpha | upper-alpha | none

 Listas con imágenes
La propiedad list-style-image define la imagen que va a ser usadacomo marca de cada
ítem.
Esta propiedad se aplica a todo elemento con "display: list -item".
Sintaxis
selector {list-style-image: valor}
Los posibles valores para definir las imágenes de las...