Joomla! Amazônia - Tutoriais Joomla - O site mais completo de tutoriais para Joomla!

A linguagem HTML contém elementos que permitem criar listas de definições, listas ordenadas e listas não ordenadas.

10.1 - Listas Não Ordenadas

Uma lista não ordenada contém vários itens marcados todos com o mesmo símbolo (normalmente um círculo pequeno ou um quadrado pequeno).

Para criar uma lista não ordenada, utilizamos o elemento <ul> ( "unorderedlist "). Dentro desse elemento, os vários itens são criados com o elemento <li> ( " listitem").

O exemplo seguinte mostra uma lista simples:

<ul>
<li>Rum</li>
<li>Bagaço</li>
</ul>

Este é o aspecto de como vai ficar em seu navegador:

Dentro de uma lista não ordenada podemos colocar parágrafos, quebras de linha, imagens, outras listas, etc

10.2 - Listas Ordenadas

Uma lista ordenada contém vários itens numerados e é criada com o elemento <ol> ("orderedlist") . Os itens da lista definem-se com o elemento <li> ( " listitem") .

<ol>
<li>Rum</li>
<li>Bagaço</li>
</ol>

Este é o aspecto de como vai ficar em seu navegador:

Dentro de uma lista ordenada podemos colocar parágrafos, quebras de linha, imagens, outras listas, etc.

10.3 – Listas de Definições

Uma lista de definições não é constituída por uma série de itens, mas sim por vários termos acompanhados de descrições de seus significados.

As listas de definições são criadas com o elemento <dl> ( "definition list ") O nome de cada termo fica dentro de um elemento <dt> ( "definition term") e a sua descrição fica no elemento <dd> ( "definition description" )

<dl>
<dt>Rum</dt>
<dd>Bebida espirituosa muito apreciada pelos piratas do Caribe</dd>
<dt>Bagaço</dt>
<dd>Bebida com elevado teor alcoólico. A sabedor ia popular
atribui-lhe fortes propriedades terapêuticas .</dd>
</dl>

Este é o aspecto de como vai ficar em seu navegador:

.

Dentro de um elemento <dd> podemos colocar parágrafos, quebras de linha, imagens, outras listas, etc.

10.4 – Elementos para Listas