Ejemplos de listas y menús - Tutoriales Diseño Gráfico

Breaking

𝔸𝕡𝕣𝕖𝕟𝕕𝕖 𝕔𝕠𝕟 𝕋𝕦𝕥𝕠𝕣𝕚𝕒𝕝𝕖𝕤

Ejemplos de listas y menús

 

Desordenadas

Desordenada simple con marcas
  • Linea de texto 1
  • Linea de texto 2
  • Linea de texto 3
Se escribe:
<UL>
    <LI>Linea de texto 1
    <LI>Linea de texto 2
    <LI>Linea de texto 3
</UL>
Desordenada simple sin marcas. Comienzo en margen izquierdo
Linea de texto 1
Linea de texto 2
Linea de texto 3
Se escribe:
<DL>
    <DT>Linea de texto 1
    <DT>Linea de texto 2
    <DT>Linea de texto 3
</DL>
Desordenada simple sin marcas. Comienzo una posición a la derecha
    Linea de texto 1
    Linea de texto 2
    Linea de texto 3
Se escribe:
<UL>
    <DT>Linea de texto 1
    <DT>Linea de texto 2
    <DT>Linea de texto 3
</UL>
Desordenada simple con marcas. Comienzo una posición a la derecha
  • Linea de texto 1
  • Linea de texto 2
  • Linea de texto 3
Se escribe:
<UL>
    <LI>Linea de texto 1
    <LI>Linea de texto 2
    <LI>Linea de texto 3
</UL>
Desordenada simple sin marcas. Comienzo dos posiciones a la derecha
    Linea de texto 1
    Linea de texto 2
    Linea de texto 3
Se escribe:
<UL>
    <DD>Linea de texto 1
    <DD>Linea de texto 2
    <DD>Linea de texto 3
</UL>
Desordenada simple sin marcas. Comienzo tres posiciones a la derecha
    Linea de texto 1
    Linea de texto 2
    Linea de texto 3
Se escribe:
<UL>
   <UL>
      <DD>Linea de texto 1
      <DD>Linea de texto 2
      <DD>Linea de texto 3
   </UL>
</UL>
Desordenada simple con marcas. Comienzo dos posiciones a la derecha
    • Linea de texto 1
    • Linea de texto 2
    • Linea de texto 3
Se escribe:
<UL>
    <UL TYPE=DISC>
        <LI>Linea de texto 1
        <LI>Linea de texto 2
        <LI>Linea de texto 3
    </UL>
</UL>
Desordenada con 4 niveles sin marcas
Linea de texto 1
Linea de texto 2
Linea de texto 3
Linea de texto 3.1
Linea de texto 3.2
Linea de texto 3.2.1
Linea de texto 3.2.2
Linea de texto 3.2.2.1
Linea de texto 3.2.2.2
Linea 4 de texto
Se escribe:
<DL>
    <DT>Linea de texto 1
    <DT>Linea de texto 2
    <DT>Linea de texto 3
        <DL>
            <DT>Linea de texto 3.1
            <DT>Linea de texto 3.2
                <DL>
                    <DT>Linea de texto 3.2.1
                    <DT>Linea de texto 3.2.2
                       <DL>
                           <DT>Linea de texto 3.2.2.1
                           <DT>Linea de texto 3.2.2.2
                       </DL>
                </DL>
         </DL>
     <DT>Linea 4 de texto       
</DL>
Desordenada con 4 niveles con marcas
  • Linea de texto 1
  • Linea de texto 2
  • Linea de texto 3
    • Linea de texto 3.1
    • Linea de texto 3.2
      • Linea de texto 3.2.1
      • Linea de texto 3.2.2
        • Linea de texto 3.2.2.1
        • Linea de texto 3.2.2.2
  • Linea 4 de texto
Se escribe:
<UL>
    <LI>Linea de texto 1
    <LI>Linea de texto 2
    <LI>Linea de texto 3
        <UL>
            <LI>Linea de texto 3.1
            <LI>Linea de texto 3.2
                <UL>
                    <LI>Linea de texto 3.2.1
                    <LI>Linea de texto 3.2.2
                       <UL>
                           <LI>Linea de texto 3.2.2.1
                           <LI>Linea de texto 3.2.2.2
                       </UL>
                </UL>

         </UL>
     <LI>Linea 4 de texto       
</UL>

Ordenadas

Ordenada simple
  1. Linea de texto 1
  2. Linea de texto 2
  3. Linea de texto 3
Se escribe:
<OL>
    <LI>Linea de texto 1
    <LI>Linea de texto 2
    <LI>Linea de texto 3
</OL>
Ordenada con 4 niveles, todos ordenados
  1. Linea de texto 1
  2. Linea de texto 2
  3. Linea de texto 3
    1. Linea de texto 3.1
    2. Linea de texto 3.2
      1. Linea de texto 3.2.1
      2. Linea de texto 3.2.2
        1. Linea de texto 3.2.2.1
        2. Linea de texto 3.2.2.2
  4. Linea de texto 4
Se escribe:
<OL>
    <LI>Linea de texto 1
    <LI>Linea de texto 2
    <LI>Linea de texto 3
       <OL>
           <LI>Linea de texto 3.1
           <LI>Linea de texto 3.2
               <OL>
                   <LI>Linea de texto 3.2.1
                   <LI>Linea de texto 3.2.2
                       <OL>
                           <LI>Linea de texto 3.2.2.1
                           <LI>Linea de texto 3.2.2.2
                       </OL>
               </OL>
       </OL>

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

    <LI>Linea de texto 4
</OL>
Ordenada con 4 niveles, 2 desordenados con marcas
  1. Linea de texto 1
  2. Linea de texto 2
  3. Linea de texto 3
    1. Linea de texto 3.1
    2. Linea de texto 3.2
      • Linea de texto 3.2.1
      • Linea de texto 3.2.2
        • Linea de texto 3.2.2.1
        • Linea de texto 3.2.2.2
  4. Linea de texto 4
Se escribe:
<OL>
    <LI>Linea de texto 1
    <LI>Linea de texto 2
    <LI>Linea de texto 3
       <OL>
           <LI>Linea de texto 3.1
           <LI>Linea de texto 3.2
               <UL TYPE=SQUARE>
                   <LI>Linea de texto 3.2.1
                   <LI>Linea de texto 3.2.2
                       <UL TYPE=CIRCLE>
                           <LI>Linea de texto 3.2.2.1
                           <LI>Linea de texto 3.2.2.2
                       </UL>
               </UL>
       </OL>
    <LI>Linea de texto 4
</OL>
Ordenada con 4 niveles, 2 desordenados sin marcas
  1. Linea de texto 1
  2. Linea de texto 2
  3. Linea de texto 3
    1. Linea de texto 3.1
    2. Linea de texto 3.2
      Linea de texto 3.2.1
      Linea de texto 3.2.2
      Linea de texto 3.2.2.1
      Linea de texto 3.2.2.2
  4. Linea de texto 4
Se escribe:
<OL>
    <LI>Linea de texto 1
    <LI>Linea de texto 2
    <LI>Linea de texto 3
       <OL>
           <LI>Linea de texto 3.1
           <LI>Linea de texto 3.2
               <DL>
                   <DD>Linea de texto 3.2.1
                   <DD>Linea de texto 3.2.2
                       <DL>
                           <DD>Linea de texto 3.2.2.1
                           <DD>Linea de texto 3.2.2.2
                       </DL>
               </DL>
       </OL>
    <LI>Linea de texto 4
</OL>

Read more