Bienvenido al manual de HTML de mensajeenlabotella. Aprende facil a hacer tus páginas web.

 
 
 
 
 
        
 
 
     
     
  Ordenando el texto.  
     
 

    Las listas se usan cuando se quiere enumerar varios items. Hay 3 tipos de listas: listas ordenadas, listas no-ordenadas y listas de definición. Estas listas se pueden utilizar por separado o anidadas entre si, como veremos más adelante.

Listas Ordenadas:

    Este tipo de listas se designan con la etiqueta <OL> (Ordered List). Cada item de la lista ira precedido de la etiqueta <LI> (List Item) con el fin de diferenciarlos entre si correctamente. Veamos a continuación un ejemplo de lista ordenada:

Ejemplo:

<OL>
<LI>Introducción
<LI>La Primera Página
<LI>Escribir texto
</OL>

 Resultado:

  1. Introducción
  2. La Primera Página
  3. Escribir texto

Atributos de las <OL>:

    START: Este atributo permite iniciar la lista ordenada según convenga al diseñador de la página web.

Ejemplo:

<OL Start=4>
<LI>Introducción
<LI>La Primera Página
<LI>Escribir texto
</OL>

 Resultado:

  1. Introducción
  2. La Primera Página
  3. Escribir texto

    TYPE: Por defecto las listas ordenadas se ordenan con la numeración común y se inicializan en 1. Con este atributo puedes cambiar la manera de ordenar la lista. Type puede tomar los siguientes valores en este typo de listas:

1 para numeración común (por defecto)
I para numeración romana en mayúsculas
i para numeración romana en minúsculas
A para letras mayúsculas
a para letras minúsculas

    Veamos más claro la utilización de este atributo con un ejemplo:

Ejemplo:

<OL Type=I>
<LI>Introducción
<LI>La Primera Página
<LI>Escribir texto
</OL>

 Resultado:

  1. Introducción
  2. La Primera Página
  3. Escribir texto

    Los atributos Start y Type se pueden utilizar a la vez dentro de la etiqueta <OL>.


Listas No Ordenadas:

    Este tipo de listas se designan con la etiqueta <UL> (Unordered List). Cada item de la lista ira precedido de la etiqueta <LI> (List Item) al igual que en las listas ordenadas. Veamos a continuación un ejemplo de lista ordenada:

Ejemplo:

<UL>
<LI>Introducción
<LI>La Primera Página
<LI>Escribir texto
</UL>

 Resultado:

  • Introducción
  • La Primera Página
  • Escribir texto
     Podemos observar como a diferencia de las listas ordenadas este tipo de listas no llevan ningun tipo de numeración sino que simplemente va precedido de un simbolo (en este caso un circulo).

Atributos de las <UL>:

    TYPE: Con este atributo podremos cambiar el símbolo que precede a este tipo de listas. Type puede tomar los siguientes valores en este tipo de listas:

  • Bullet (por defecto)
  • Circle
  • Square

    Veamos más claro la utilización de este atributo con un ejemplo:

Ejemplo:

<UL Type="square">
<LI>Introducción
<LI>La Primera Página
<LI>Escribir texto
</UL>

 Resultado:

  • Introducción
  • La Primera Página
  • Escribir texto

Listas de Definición:

    Este tipo de listas se designan con la etiqueta <DL> (Definition List). Cada item de la lista ira precedido de la etiqueta <DT> (Definition Term) y su correspondiente definición ira precedida por la etiqueta <DD> (Definition Definition). Veamos a continuación un ejemplo de lista de definiciones:

Ejemplo:


<DL>
<DT>Introducción
<DD>Breve introducción al lenguaje
<DT>La Primera Página
<DD>Como hacer la primera página
<DT>Escribir texto
<DD>Empieza a dar formato al texto
</DL>

 Resultado:

Introducción
Breve introducción al lenguaje
La Primera Página
Como hacer la primera página
Escribir texto
Empieza a dar formato al texto
    En este tipo de listas (de definición) aparte de los items se da una breve descripción o definición de ellos.

 
     
     
     

 
       
 
     ESTE MANUAL ES GRATUITO PARA EL QUE LO QUIERA USAR Y APRENDER LOS FUNDAMENTOS BÁSICOS DE LAS PÁGINAS WEB. SE PROHIBE SU REPRODUCCIÓN PARCIAL O COMPLETA ASÍ COMO SU VENTA SIN EL CONSENTIMIENTO DEL AUTOR R. SANZ. ©MENSAJEENLABOTELLA. 
 
       
       
       

 

1