VIÑETAS Y LISTAS

Viñetas y Listas
Estas listas generan viñetas de diferentes tipos, muy parecidas a las que se utilizan en Word, estas listas son de tipo desordenadas.
Estas listas tienen la directiva cerrada

...<\UL> (unordered lists), significa listas desordenadas y se utiliza para iniciar este tipo de lista.
La estructura de una lista con viñetas (desordenada) es la siguiente.
Ejemplo 11:
Copia la codificación de la lista anterior y realiza los cambios

Graba los cambios y visualiza detenidamente los resultados
TYPE="Nombre_de_Viñeta"
Si se desea cambiar el tipo de viñeta se emplea el atributo TYPE="Nombre_de_Viñeta", este debe de escribirse dentro de la directiva
, o sea

Nota: Los nombres de las viñetas debe escribirse forzosamente en minúsculas
Se tienen los siguientes tipos.


Este es el atributo que muestra un circulo con relleno negro, es el que da por defecto.


Este es el atributo que muestra un circulo vacío.


Este es el atributo que muestra un pequeño cuadro negro.
Ejemplo 12
Copia la codificación de la lista anterior y realiza los cambios

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
...
(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
• (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
  , o sea
  
  Teniendo los siguientes tipos.
  
  
  Con este atributo la lista comienza con la letra A y el resto de los elementos con las siguientes letras del alfabeto.
  
  
  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.
  • Swing Java browser SDK Leading browsers supported; IE, FF HTML 4.01, CSS 1 & 2, XSL, XML, SSL
  www.webrenderer.comEnlaces patrocinados
  
  
  Con este atributo la lista numerada comienza con el número 1. Este es el atributo por defecto.
  
  
  Con este atributo la lista numerada comienza con el número romano 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
  1. , quedando de la siguiente manera.
  2. 
     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.