Ejemplos de listas y menús


Desordenadas

Desordenada simple con marcas. Comienzo una posición a la derecha
<UL>
    <LI>Línea de texto 1
    <LI>Línea de texto 2
    <LI>Línea de texto 3
</UL>
Inicio

Desordenada simple sin marcas. Comienzo en margen izquierdo
<DL>
  <DT>Línea de texto 1
  <DT>Línea de texto 2
  <DT>Línea de texto 3
</DL>
Línea de texto 1
Línea de texto 2
Línea de texto 3
Inicio

Desordenada simple sin marcas. Comienzo una posición a la derecha
<UL>
    <DT>Línea de texto 1
    <DT>Línea de texto 2
    <DT>Línea de texto 3
</UL>
Inicio

Desordenada simple sin marcas. Comienzo dos posiciones a la derecha
<UL>
    <DD>Línea de texto 1
    <DD>Línea de texto 2
    <DD>Línea de texto 3
</UL>
Inicio

Desordenada simple sin marcas. Comienzo tres posiciones a la derecha
<UL>
   <UL>
      <DD>Línea de texto 1
      <DD>Línea de texto 2
      <DD>Línea de texto 3
   </UL>
</UL>
Inicio

Desordenada simple con marcas. Comienzo dos posiciones a la derecha
<UL>
    <UL TYPE=DISC>
        <LI>Línea de texto 1
        <LI>Línea de texto 2
        <LI>Línea de texto 3
    </UL>
</UL>
Inicio

Desordenada con 4 niveles sin marcas
<DL>
    <DT>Línea de texto 1
    <DT>Línea de texto 2
    <DT>Línea de texto 3
        <DL>
            <DT>Línea de texto 3.1
            <DT>Línea de texto 3.2
                <DL>
                    <DT>Línea de texto 3.2.1
                    <DT>Línea de texto 3.2.2
                       <DL>
                           <DT>Línea de texto 3.2.2.1
                           <DT>Línea de texto 3.2.2.2
                       </DL>
                </DL>
         </DL>
     <DT>Línea de texto 4      
</DL>
Línea de texto 1
Línea de texto 2
Línea de texto 3
Línea de texto 3.1
Línea de texto 3.2
Línea de texto 3.2.1
Línea de texto 3.2.2
Línea de texto 3.2.2.1
Línea de texto 3.2.2.2
Línea de texto 4
Inicio

Desordenada con 4 niveles con marcas
<UL>
    <LI>Línea de texto 1
    <LI>Línea de texto 2
    <LI>Línea de texto 3
        <UL>
            <LI>Línea de texto 3.1
            <LI>Línea de texto 3.2
                <UL>
                    <LI>Línea de texto 3.2.1
                    <LI>Línea de texto 3.2.2
                       <UL>
                           <LI>Línea de texto 3.2.2.1
                           <LI>Línea de texto 3.2.2.2
                       </UL>
                </UL>

         </UL>
     <LI>Línea de texto 4      
</UL>
Inicio

Ordenadas

Ordenada simple
<OL>
    <LI>Línea de texto 1
    <LI>Línea de texto 2
    <LI>Línea de texto 3
</OL>
  1. Línea de texto 1
  2. Línea de texto 2
  3. Línea de texto 3
Inicio

Ordenada con 4 niveles, todos ordenados
<OL>
    <LI>Línea de texto 1
    <LI>Línea de texto 2
    <LI>Línea de texto 3
       <OL>
           <LI>Línea de texto 3.1
           <LI>Línea de texto 3.2
               <OL>
                   <LI>Línea de texto 3.2.1
                   <LI>Línea de texto 3.2.2
                       <OL>
                           <LI>Línea de texto 3.2.2.1
                           <LI>Línea de texto 3.2.2.2
                       </OL>
               </OL>
       </OL>

    <LI>Línea de texto 4
</OL>
  1. Línea de texto 1
  2. Línea de texto 2
  3. Línea de texto 3
    1. Línea de texto 3.1
    2. Línea de texto 3.2
      1. Línea de texto 3.2.1
      2. Línea de texto 3.2.2
        1. Línea de texto 3.2.2.1
        2. Línea de texto 3.2.2.2
  4. Línea de texto 4
Inicio

Ordenada con 4 niveles, todos ordenados. Numeración romana en mayúsculas y minúsculas
<OL TYPE=I>
    <LI>Línea de texto 1
    <LI>Línea de texto 2
    <LI>Línea de texto 3
       <OL TYPE=i>
           <LI>Línea de texto 3.1
           <LI>Línea de texto 3.2
               <OL TYPE=i>
                   <LI>Línea de texto 3.2.1
                   <LI>Línea de texto 3.2.2
                       <OL TYPE=i>
                           <LI>Línea de texto 3.2.2.1
                           <LI>Línea de texto 3.2.2.2
                       </OL>
               </OL>
       </OL>

    <LI>Línea de texto 4
</OL>
  1. Línea de texto 1
  2. Línea de texto 2
  3. Línea de texto 3
    1. Línea de texto 3.1
    2. Línea de texto 3.2
      1. Línea de texto 3.2.1
      2. Línea de texto 3.2.2
        1. Línea de texto 3.2.2.1
        2. Línea de texto 3.2.2.2
  4. Línea de texto 4
Inicio

Ordenada con 4 niveles, 2 desordenados con marcas
<OL>
    <LI>Línea de texto 1
    <LI>Línea de texto 2
    <LI>Línea de texto 3
       <OL>
           <LI>Línea de texto 3.1
           <LI>Línea de texto 3.2
               <UL TYPE=SQUARE>
                   <LI>Línea de texto 3.2.1
                   <LI>Línea de texto 3.2.2
                       <UL TYPE=CIRCLE>
                           <LI>Línea de texto 3.2.2.1
                           <LI>Línea de texto 3.2.2.2
                       </UL>
               </UL>
       </OL>
    <LI>Línea de texto 4
</OL>
  1. Línea de texto 1
  2. Línea de texto 2
  3. Línea de texto 3
    1. Línea de texto 3.1
    2. Línea de texto 3.2
      • Línea de texto 3.2.1
      • Línea de texto 3.2.2
        • Línea de texto 3.2.2.1
        • Línea de texto 3.2.2.2
  4. Línea de texto 4
Inicio

Ordenada con 4 niveles, 2 desordenados sin marcas
<OL>
    <LI>Línea de texto 1
    <LI>Línea de texto 2
    <LI>Línea de texto 3
       <OL>
           <LI>Línea de texto 3.1
           <LI>Línea de texto 3.2
               <DL>
                   <DD>Línea de texto 3.2.1
                   <DD>Línea de texto 3.2.2
                       <DL>
                           <DD>Línea de texto 3.2.2.1
                           <DD>Línea de texto 3.2.2.2
                       </DL>
               </DL>
       </OL>
    <LI>Línea de texto 4
</OL>
  1. Línea de texto 1
  2. Línea de texto 2
  3. Línea de texto 3
    1. Línea de texto 3.1
    2. Línea de texto 3.2
      Línea de texto 3.2.1
      Línea de texto 3.2.2
      Línea de texto 3.2.2.1
      Línea de texto 3.2.2.2
  4. Línea de texto 4
Inicio

Indice

Facultad de Informática de la Universidad de Las Palmas de Gran Canaria