L i s t a s. Listas. HTML proporciona una etiqueta que permite generar en los documentos Web un listado, al cual se permite configurar una numeración.

Presentación del tema: "L i s t a s. Listas. HTML proporciona una etiqueta que permite generar en los documentos Web un listado, al cual se permite configurar una numeración."— Transcripción de la presentación:

1 L i s t a s

2 Listas. HTML proporciona una etiqueta que permite generar en los documentos Web un listado, al cual se permite configurar una numeración o viñetas para sus elementos. Las listas en html son clasificadas en dos tipos: 1.Listas Ordenadas 2.Listas No Ordenadas. Listas Ordenadas. Son aquellas cuyos elementos estas denotados por una secuencia numérica o alfabética. Listas No ordenadas. Son aquellas que denotas a sus elementos con un tipo de viñeta.

3 Listas Ordenadas

4 Listas Ordenadas Las listas ordenadas son iniciadas con la etiqueta y finalizadas con su complemento de fin de listas. Sintaxis. Elementos de la lista. Atributos. AtributoOperaciónValores typeIndica la familia de símbolos que su utilizaran para numerar a los elementos de la lista 1 (default) → números arábigos i → números romanos (minúsculas) I → números romanos (mayúsculas) a → alfabeto minúsculas A → Alfabeto mayúsculas. startEl valor inicial de la numeraciónCompatible con el tipo de numeración

5 Elementos de una lista. Para agregar elementos a una lista se debe utilizar la etiqueta delimitando a cada elemento. Sintaxis. Elemento de Lista Atributos. AtributoOperaciónValores typeIndica la familia de símbolos que su utilizaran para numerar a los elementos de la lista Para listas ordenadas Mismos valores que en startEl valor para el primer elementos de la lista. Valido solo para listas ordenadas Compatible con el tipo de numeración

6 Listas ordenadas (sin atributos) Por default se contempla a la familia de números arábigos (1, 2,3, …) para la numeración.

7 Configuración familia de numeración En este caso se utiliza el atributo type para configurar una familia de numeración para la lista. Para este caso particular se elige la familia de números romanos en minúsculas. Para configurar un tipo de numeración se utiliza el atributo type de la etiqueta

8 Configurando inicio de numeración Para configurar un valor de inicio para la numeración se utiliza el atributo start de la etiqueta En este caso configuramos un tipo de numeración “romano minusculas”, con un valor de inicio en “7”

9 Configuración desde elementos de lista También se puede configurar el tipo de numeración para cada uno de los elementos de la lista mediante el atributo type de la etiqueta. Configuracion del tipo de numeracion desde los elementos de una lista.

10 Listas No ordenadas

11 Listas no ordenadas Las listas no ordenadas son iniciadas con la etiqueta y finalizadas con su complemento de fin de listas. Sintaxis. Elementos de la lista. AtributoOperaciónValores typeIndica el tipo de viñeta que se utiliza para denotar a los elementos de la lista. disc Circle square Atributos.

12 Listas no ordenadas La viñeta predefinida para una lista no ordenada es un circulo con fondo oscuro. Lista no ordenada con la viñeta predefinida.

13 Configurando viñetas Para configurar la viñeta para una lista no ordenada se utiliza el atributo type de la etiqueta. Este ejemplo configura una viñeta cuadrada a una lista no ordenada

14 Configurando viñetas También se puede configurar el tipo de viñeta para cada elemento de la lista. Este ejemplo configura un tipo de viñeta diferente para cada elemento de la lista.