Capítulo 12:

 Creación de listas en HTML

Estas listas son parecidas a numeración y viñetas en WORD, teniendo los siguientes tipos de lista.

Listas numeradas (ordenadas) Listas con viñetas (desordenadas) Listas de definición Listas anidadas

Listas numeradas

Estas listas generan una numeración automática, (Números arábigos, romanos, o letras) tienen la directiva cerrada <OL> ...</OL>(Ordered Lists) que significa listas ordenadas, y se utiliza para iniciar la lista.

Dentro del bloque de la lista cada elemento debe de llevar la directiva abierta <LI> (list item) que significa elemento de lista

La estructura de una lista ordenada es la siguiente.

Ejemplo 7:

                      

Escribe y graba con el nombre de pagina7.html en un nuevo directorio de nombre practica listas, la codificación del ejemplo anterior.

Visualiza detenidamente los resultados

Atributos de listas

TYPE="Carácter"

Si se desea cambiar el tipo de numeración se emplea el atributo TYPE="Carácter", este debe de escribirse dentro de la directiva <OL>, o sea <OL TYPE="Carácter">

Teniendo los siguientes tipos.

<OL TYPE ="A">

Con este atributo la lista comienza con la letra A y el resto de los elementos con las siguientes letras del alfabeto.

<OL TYPE ="a">

Con este atributo la lista comienza con la letra a y el resto de los elementos con las siguientes letras del alfabeto. Es igual que la lista anterior con la única diferencia que es en minúscula.

<OL TYPE ="1">

Con este atributo la lista numerada comienza con el número 1. Este es el atributo por defecto.

<OL TYPE ="I">

Con este atributo la lista numerada comienza con el número romano I.

<OL TYPE ="i">

Con este atributo la lista numerada comienza con el número romano i. Igual que la lista anterior pero en minúscula.

VALUE ="valor numérico"

Es el atributo que se utiliza para indicar el valor que debe de tener el elemento de la lista numerada., este atributo se coloca dentro de la directiva <LI>, quedando de la siguiente manera. <LI VALUE="valor numérico">

START="número"

Es el atributo se utiliza para indicar el valor inicial que debe de tener la lista numerada. Por defecto es 1.

Ejemplo: 8 (TYPE )

Copia la codificación de la lista anterior y realiza los  cambios

                             

Graba los cambios y visualiza detenidamente los resultados

Ejemplo: 9 (START y VALUE )

Copia la codificación de la lista anterior y realiza los  cambios

                             

Graba los cambios y visualiza detenidamente los resultados

En el ejemplo anterior el atributo START="10", ordena al browser iniciar la numeración en 10 y el atributo VALUE ="20" cambio el numero del elemento a 20.

Ejemplos: 10 (TYPE, START VALUE)

Copia la codificación de la lista anterior y realiza los  cambios

                          

Graba los cambios y visualiza detenidamente los resultados

En el ejemplo anterior el atributo TYPE="I", indica que la numeración es romana, el atributo START="5", ordena al browser iniciar la numeración en el numero V y el atributo VALUE ="10" cambio el numero del elemento a X.

Cursos similares a Curso de HTML

1. HTML para principiantes HTML para principiantes , aprende a hacer tus propias páginas web. Programar en un... [15/09/09]				9.836
2. HTML. Cómo crear imagen Sigue este tutorial de informática y aprende a crear banners con links en tu... [31/03/11]				985
3. HTML, CSS. Menú horizontal Aprende a utilizar los elementos básicos de HTML y CSS , y crea un menú sencillo... [12/04/11]				436