A linguagem HTML é composta por vários elementos diferentes. Esses elementos individuais atuam como os blocos de construção das páginas da web. Observe a marcação HTML de qualquer página da web e você verá elementos comuns, incluindo parágrafos, cabeçalhos, imagens e links. Outros elementos que você quase certamente verá são listas.
Existem três tipos de listas em HTML
- Listas ordenadas: Às vezes, elas são chamadas de listas numeradas porque, por padrão, os itens da lista contidos nessa lista têm uma ordem ou classificação numérica específica. Listas ordenadas são apropriadas onde a ordem exata dos itens é criticamente importante para o significado do conteúdo. Por exemplo, uma receita provavelmente usaria uma lista ordenada porque as etapas apresentadas não são feitas em uma ordem arbitrária. A ordem dessas etapas é fundamental para o resultado dessa receita. Qualquer processo passo a passo é melhor apresentado como uma lista ordenada.
- Listas não ordenadas: Às vezes, elas são chamadas de listas com marcadores porque a aparência visual padrão de uma Lista não ordenada é ter pequenos ícones de marcador na frente dos itens da lista. Esse tipo de lista é melhor usado para listas que não têm um pedido obrigatório. Os itens da lista aparecerão em qualquer ordem em que você os codifique para o HTML, mas você está determinando esse pedido e, ao contrário de uma receita ou processo passo a passo, o pedido pode ser alterado e o significado do conteúdo não será prejudicado. Por exemplo, se você fizer uma lista das pessoas com quem trabalha, poderá encomendá-las em ordem alfabética, ou com base na antiguidade, ou de acordo com os departamentos, etc. Qualquer um deles faria sentido e o significado da lista (pessoas com quem você trabalha). ) não mudaria independentemente da opção escolhida. A ordem é determinada por você e sua marcação, portanto, os números exatos não são necessários. Essa é uma boa opção para uma lista não ordenada.
- Listas de Definição: Estas são listas de itens que possuem duas partes, um termo a ser definido e a definição. Eles são comumente usados para exibir um par de definição / descrição como você encontraria em um dicionário, mas listas de definição também podem ser usadas para muitos outros tipos de conteúdo.
Listas ordenadas
Use o
- tag (o final
-
Entrada 1
-
Entrada 2
-
Entrada 3
-
-
Use listas ordenadas em qualquer lugar em que você queira mostrar uma ordem específica para os itens da lista a serem seguidos ou para classificar itens sequencialmente. Mais uma vez, essas listas são mais encontradas on-line em instruções e receitas.
Listas não ordenadas
Use o
- tag (o final tag é obrigatório) para criar uma lista com marcadores em vez de números. Assim como na lista ordenada, os elementos são criados com o par de tags. Por exemplo:
-
Bala
-
Bala
-
Bala
-
-
Use listas não ordenadas para qualquer lista que não precise estar em uma ordem específica. Este é o tipo mais comum de lista encontrada em uma página da web. Você costuma ver essas listas usadas na navegação do site para exibir os vários links nesse menu.
Listas de Definição
As listas de definições criam uma lista com duas partes para cada entrada: o nome ou termo a ser definido e a definição. Isso cria listas semelhantes a um dicionário ou glossário. Existem três tags associadas à lista de definições:
Aqui está como uma lista de definições se parece:
Este é um termo de definição
E esta é a definição
definição 2
definição 3
Como você pode ver, você pode ter um único termo, mas dar várias definições. Pense na palavra "Livro" … uma definição de livro é um tipo de material de leitura, enquanto outra definição seria sinônimo de "cronograma". Se você estivesse codificando isso, você usaria um termo, mas duas descrições.
Você pode usar listas de definição em qualquer lugar que tenha uma lista que tenha duas partes para cada item. O uso mais comum é com um glossário de termos, mas você também pode usá-lo para um catálogo de endereços (o nome é o termo e o endereço é a definição) ou muitos outros usos interessantes.