LISTADOS

As listas permitem adicionar informações de forma mais clara. Existem três tipos: as listas não-ordenadas (não numerada), listas ordenadas (numeradas) e listas de definições.

Não-ordenadas listas (listas não ordenadas) são usados ​​para mostrar coisas que não precisam ser precedido por um número. O rótulo a ser usado é <UL> </ UL> e cada item da lista é adicionado à tag <LI> </ LI>:

<UL>
    <LI> Un item </LI>
    <LI> Outro item </LI>
    <LI> Qualquer item </LI>
    <LI> Ultimo item </LI>
</UL>
Listas ordenadas (listas ordenadas) são usados ​​para exibir dados em uma ordem particular. Os itens são adicionados, como no caso anterior, a diferença é que usamos o rótulo <OL> </ OL> para enquadrá-lo. O resultado é o mesmo, mas cada item é precedida por um número de série:

<OL>
    <LI> Um item </LI>
    <LI> Outro item </LI>
    <LI> Qualquer item </LI>
    <LI> Ultimo item </LI>
</OL>

Listas de definição são usados ​​para glossários. A lista inteira deve ser colocada em tags <DL> </ DL> (lista de definição). Ao contrário do acima, cada renglónn tem duas partes: o nome do coisa para definir (termo definição) é colocado no rótulo <DT> </ dt> ea definição em si (definição definição) na DD <> </ DD>

<DL>
    <DT> Palavra 1 </DT>
    <DD>A definição da palavra 1 </DD>
    <DT> Palavra 2 </DT>
    <DD> A definição da palavra 2 </DD>
</DL>

Este é um exemplo de três tipos de listas:

LISTA NAO-ORDENADA
  • Un item
  • Otra otro item
  • Cualquier item
  • Ultimo item
LISTA ORDENADA
  1. Un item
  2. Otra otro item
  3. Cualquier item
  4. Ultimo item
LISTA DE DEFINIÇÕES
Palavra 1
A definição da palavra 1
Palavra 2
A definição da palavra 2


Como quase todas as tags HTML, as listas podem ser aninhadas, isto é, colocar um dentro do outro:
<UL>
    <LI> Animais
        <UL>
            <LI> Mamíferos
                <UL>
                    <LI> Vaca </LI>
                    <LI> Leão </LI>
                </UL>
            </LI>
        </UL>
        <UL>
            <LI> Repteis
                <UL>
                    <LI> Sapo </LI>
                    <LI> Cobra </LI>
                </UL>
            </LI>
        </UL>
    </LI>
    <LI> Vegetal
        <UL>
            <LI> Cebola </LI>
            <LI> Tomate </LI>
        </UL>
    </LI>
</UL>

  • Animais
    • Mamíferos
      • Vaca
      • Leão
    • Repteis
      • Sapo
      • Cobra
  • Vegetal
    • Cebola
    • Tomate


As etiquetas UL, OL e DL são blocos, visualmente, cria um quebra de linha como faz o rótulo P.

Embora haja dois rótulos mais para definir listas, DIR e MENU não são mais usados ​​porque os navegadores exibi-los como se fossem não-ordenadas listas (UL). DIR foi originalmente criado para criar listas de várias colunas e menu para colunas simples.
Subscrever: Comentários (Atom)