12.176 cursos gratis
8.741.914 alumnos
Facebook Twitter YouTube
Busca cursos gratis:

Curso de HTML

Autor: Felipe Javier Mckeever
Curso:
9,20/10 (15 opiniones) |33367 alumnos|Fecha publicación: 20/10/2006
Envía un mensaje al autor

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:

                       Creación de listas en HTML

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

                              Creación de listas en HTML

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

                              Creación de listas en HTML

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

                           Creación de listas en HTML

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.

Capítulo siguiente - Listas con viñetas
Capítulo anterior - Líneas Divisorias

Nuestras novedades en tu e-mail

Escribe tu e-mail:



MailxMail tratará tus datos para realizar acciones promocionales (vía email y/o teléfono).
En la política de privacidad conocerás tu derechos y gestionarás la baja.

Cursos similares a Curso de HTML



  • Vídeo
  • Alumnos
  • Valoración
  • Cursos
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
Curso con video
3. Introducción al lenguaje HTML
¿Te interesa entrar al mundo de la programación web ? ¡Entonces este curso de... [14/04/11]
739
Curso con video

¿Qué es mailxmail.com?|ISSN: 1699-4914|Ayuda
Publicidad|Condiciones legales de mailxmail