HTML: Listas


El lenguaje HTML define tres tipos diferentes de listas para
agrupar los elementos:

Listas no ordenadas (se trata de una colección simple de
elementos en la que no importa su orden)

Listas ordenadas (similar a la anterior, pero los elementos
están numerados y por tanto, importa su orden)

Listas de definición (un conjunto de términos y definiciones
similar a un diccionario).
HTML: Listas
Listas no ordenadas

La etiqueta <ul> encierra todos los elementos de la lista
y la etiqueta <li> cada uno de sus elementos.




        <ul>
        <li>Uno</li>                       •Uno
        <li>Dos</li>                       •Dos
        <li>Tres</li>                      •Tres
        </ul>
HTML: Listas
Listas ordenadas

La etiqueta <ol> encierra todos los elementos de la lista
y la etiqueta <li> cada uno de sus elementos.




        <ol>
        <li>Uno</li>                       1. Uno
        <li>Dos</li>                       2. Dos
        <li>Tres</li>                      3. Tres
        </ol>
HTML: Listas
Listas de definición

Su funcionamiento es similar al de un diccionario, ya que
cada elemento de la lista está formado por términos y
definiciones. La etiqueta <dl> crea la lista de definición y las
etiquetas <dt> y <dd> definen respectivamente el término y
la descripción de cada elemento de la lista.

    <dl>
    <dt>Témino 1</dt>                   Término 1
    <dd>Definición 1</dd>                   Definición 1
    <dt>Término 2</dt>                  Término 2
    <dd>Definición 2</dd>                   Definición 2
    </dl>
HTML: Listas
***Listas anidadas


    <ul>
    <li>Uno
      <ul>            •   Uno
      <li>Uno</li>           · Uno
      <li>Dos</li>           · Dos
      <li>Tres</li>          · Tres
      </ul>           •   Dos
    </li>             •   Tres
    <li>Dos</li>
    <li>Tres</li>
    </ul>

004html Listas

  • 1.
    HTML: Listas El lenguajeHTML define tres tipos diferentes de listas para agrupar los elementos: Listas no ordenadas (se trata de una colección simple de elementos en la que no importa su orden) Listas ordenadas (similar a la anterior, pero los elementos están numerados y por tanto, importa su orden) Listas de definición (un conjunto de términos y definiciones similar a un diccionario).
  • 2.
    HTML: Listas Listas noordenadas La etiqueta <ul> encierra todos los elementos de la lista y la etiqueta <li> cada uno de sus elementos. <ul> <li>Uno</li> •Uno <li>Dos</li> •Dos <li>Tres</li> •Tres </ul>
  • 3.
    HTML: Listas Listas ordenadas Laetiqueta <ol> encierra todos los elementos de la lista y la etiqueta <li> cada uno de sus elementos. <ol> <li>Uno</li> 1. Uno <li>Dos</li> 2. Dos <li>Tres</li> 3. Tres </ol>
  • 4.
    HTML: Listas Listas dedefinición Su funcionamiento es similar al de un diccionario, ya que cada elemento de la lista está formado por términos y definiciones. La etiqueta <dl> crea la lista de definición y las etiquetas <dt> y <dd> definen respectivamente el término y la descripción de cada elemento de la lista. <dl> <dt>Témino 1</dt> Término 1 <dd>Definición 1</dd> Definición 1 <dt>Término 2</dt> Término 2 <dd>Definición 2</dd> Definición 2 </dl>
  • 5.
    HTML: Listas ***Listas anidadas <ul> <li>Uno <ul> • Uno <li>Uno</li> · Uno <li>Dos</li> · Dos <li>Tres</li> · Tres </ul> • Dos </li> • Tres <li>Dos</li> <li>Tres</li> </ul>