As listas são uma parte essencial do HTML para exibir dados de maneira organizada e legível. O HTML fornece três tipos principais de listas: listas não ordenadas, listas ordenadas e listas de definição.
As listas não ordenadas(<ul>) usam marcadores específicos e são exibidas como itens recuados, normalmente usando pontos pretos. Esta é uma escolha popular para listar itens que não requerem um pedido específico.
As listas ordenadas(<ol>) usam numeração específica ou marcadores de caracteres e são exibidas como uma lista ordenada sequencialmente. Isso geralmente é usado para listar itens em uma ordem específica ou numerá-los.
As listas de definição(<dl>) usam pares de termo e descrição para exibir dados. Cada par é incluído nas tags <dt>(termo de definição) e <dd>(descrição de definição). Esta é uma maneira eficaz de exibir atributos ou definições para conceitos específicos.
Lista não ordenada( <ul>)
- O <ul> elemento é usado para criar uma lista não ordenada.
- Cada item na lista não ordenada é colocado dentro de um <li> elemento.
- Listas não ordenadas são normalmente exibidas com marcadores ou caracteres semelhantes.
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
Lista Ordenada( <ol>)
- O <ol> elemento é usado para criar uma lista ordenada.
- Cada item da lista ordenada é colocado dentro de um <li> elemento.
- As listas ordenadas são normalmente exibidas com números ou caracteres alfabéticos.
<ol>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ol>
Lista de definições( <dl>)
- O <dl> elemento é usado para criar uma lista de definição.
- Cada item na lista de definição consiste em um par de tags <dt>(termo de definição) e <dd>(descrição de definição).
- A <dt> tag contém a palavra-chave ou atributo que está sendo definido, enquanto a <dd> tag contém a descrição ou explicação para essa palavra-chave ou atributo.
<dl>
<dt>Keyword 1</dt>
<dd>Description for Keyword 1</dd>
<dt>Keyword 2</dt>
<dd>Description for Keyword 2</dd>
</dl>
Atributo de tipo de lista( <ul> e <ol>)
- O atributo type é usado para especificar o estilo de numeração de uma lista ordenada.
- O valor do atributo type pode ser "1"(números), "A"(letras maiúsculas), "a"(letras minúsculas), "I"(algarismos romanos maiúsculos) ou "i"(algarismos romanos minúsculos) .
<ol type="A">
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ol>
Atributo inicial( <ol>)
- O atributo start é usado para especificar o valor inicial da numeração em uma lista ordenada.
- O valor do atributo inicial é um número inteiro positivo.
<ol start="5">
<li>Item 5</li>
<li>Item 6</li>
<li>Item 7</li>
</ol>
Atributo invertido( <ol>)
- O atributo reverse é usado para exibir uma lista ordenada na ordem inversa.
- Ao aplicar o atributo invertido, a numeração será exibida em ordem decrescente.
<ol reversed>
<li>Item 3</li>
<li>Item 2</li>
<li>Item 1</li>
</ol>
Esses atributos e elementos permitem que você crie e personalize listas em HTML de acordo com suas necessidades. Você pode usá-los para exibir dados de maneira clara e organizada em seu site.