Listagem de dados em HTML - dummies

Os sites usaram listas há décadas para transmitir informações relacionadas ou hierárquicas. Na figura a seguir, você pode ver uma versão mais antiga do Yahoo. com que usa listas com marcadores para exibir várias categorias e Allrecipes de hoje. com página de receita, que usa listas para exibir vários ingredientes.

As listas começam com um símbolo, uma indentação e, em seguida, o item da lista. O símbolo usado pode ser um número, uma letra, uma bala ou nenhum símbolo.

Criando listas ordenadas e não ordenadas

Os dois tipos mais populares de listas são:

• Ordenados: As listas encomendadas são listas numéricas ou alfabéticas nas quais a seqüência dos itens da lista é importante.

• Não ordenados: Essas listas geralmente são listas com marcadores nas quais a seqüência de itens da lista não tem importância.

Você cria listas especificando o tipo de lista como ordenado ou não ordenado e, em seguida, adicionando cada item de lista usando a tag li, conforme mostrado nas seguintes etapas:

1. Especifique o tipo de lista.

   Adicionar tags de lista de abertura e fechamento que especificam uma lista ordenada (ol) ou não ordenada (ul), da seguinte maneira:

   • ol para especificar o início e o fim de uma lista ordenada.

   • ul para especificar o início e o fim de uma lista não ordenada.

2. Adicione uma tag de abertura e fechamento (ou seja,

3. e
) para cada item na lista.

Por exemplo, aqui está uma lista ordenada:

Item da lista # 1
Item da lista # 2
Item da lista 3

Lista de aninhamento

Além disso, você pode listas de ninhos dentro das listas. Uma lista de qualquer tipo pode ser aninhada dentro de outra lista; para aninhar uma lista, substitua a etiqueta do item da lista

por uma tag de tipo de lista, seja

ou
.

O código de exemplo aqui mostra vários tipos de listas, incluindo uma lista aninhada.



A página produzida pelo código é mostrada aqui:



A marca

mostrada neste exemplo de código não é necessária para criar uma lista. É usado aqui apenas para nomear cada lista.

Toda lista de abertura ou tag de item de lista deve ser seguida com uma lista de fechamento ou uma etiqueta de item de lista.