html

Las posibilidades que nos ofrece el HTML en cuestión de tratamiento de texto son realmente notables. No se limitan a lo visto hasta ahora, sino que van más lejos todavía. Varios ejemplos de ello son las listas, que sirven para enumerar y definir elementos, los textos preformateados y las cabeceras o títulos.  
 
Las listas originalmente están pensadas para citar, numerar y definir cosas através de características, o al menos así lo hacemos en la escritura de textos. Sin embargo, las listas finalmente se utilizan para mucho más que enumerar una serie de puntos, en realidad son un recurso muy interesante para poder maquetar elementos diversos, como barras de navegación, pestañas etc. Pero esto lo veremos más adelante, cuando apliquemos estilos CSS a las listas.
De momento, en esteManual de HTML, trataremos las listas desde el punto de vista de su construcción y veremos los diferentes tipos que existen, y que podemos utilizar para resolver nuestras distintas necesidades a la hora de escribir textos en HTML.  
 
Podemos distinguir tres tipos de listas HTML:
Listas desordenadas
Listas ordenadas
Listas de definición
Las veremos detenidamente una a una.   
 

Listasdesordenadas  
 

Son delimitadas por las etiquetas y (unordered list). Cada uno de los elementos de la lista es citado por medio de una etiqueta (sin cierre, aunque no hay inconveniente en colocarlo). La cosa queda así:  
 

Países del mundo  
 
    Argentina  
    Perú  
    Chile  
 
 
El resultado:
Países del mundo
Argentina
Perú
Chile
Podemos definir el tipo de viñetaempleada para cada elemento. Para ello debemos especificarlo por medio del atributo type incluido dentro de la etiqueta de apertura , si queremos que el estilo sea válido para toda la lista,o dentro le la etiqueta si queremos hacerlo específico de un solo elemento. La sintaxis es del siguiente tipo:  
 

 
 
donde tipo de viñeta puede ser uno de los siguientes:  
 
circle  
disc  square 
vamos a ver un ejemplo de lista con un cuadrado en lugar de un redondel, y en el último elemento colocaremos un círculo. Para ello vamos a colocar el atributo type en la etiqueta , con lo que afectará a todos los elementos de la lista.  
 
 
Elemento 1  
Elemento 2  
Elemento 3  
Elemento 4  
 
 
Que tiene como resultado
Elemento 1
Elemento 2
Elemento 3
Elemento 4Listas ordenadas  

 
Las listas ordenadas sirven también para presentar información, en diversos elementos o items, con la particularidad que éstos estarán predecidos de un número o una letra para enumerarlos, siempre por un orden.
Para realizar las listas ordenadas usaremos las etiquetas (ordered list) y su cierre. Cada elemento sera igualmente indicado por la etiqueta , que ya vimos en laslistas desordenadas.  
 
Pongamos un ejemplo:  
 
Reglas de comportamiento en el trabajo  
 
El jefe siempre tiene la razón  
En caso de duda aplicar regla 1  
 
 
El resultado es:
Reglas de comportamiento en el trabajo
El jefe siempre tiene la razón
En caso de duda aplicar regla 1
Del mismo modo que para las listas desordenadas, las listas ordenadas ofrecen la posibilidad demodificar el estilo. En concreto nos es posible especificar el tipo de numeración empleado eligiendo entre números (1, 2, 3...), letras (a, b, c...) y sus mayúsculas (A, B, C,...) y números romanos en sus versiones mayúsculas (I, II, III,...) y minúsculas (i, ii, iii,...).  
 

Para realizar dicha selección hemos de utilizar, como para el caso precedente, el atributo type, el cual será situadodentro de la etiqueta . Los valores que puede tomar el atributo en este caso son:  

 
1 Para ordenar por números  
a Por letras del alfabeto  
A Por letras mayúsculas del alfabeto  
i Ordenación por números romanos en minúsculas  
I Ordenación por números romanos en mayúsculas
 
Puede que en algún caso deseemos comenzar nuestra enumeración por un número o letra que no tiene por qué ser...