Pular para conteúdo

08 listas

Tipos de Listas#

Em HTML, existem três tipos principais de listas: lista ordenada, lista não ordenada e lista de definição.

Lista ordenada#

Uma lista ordenada é usada para listar itens em uma ordem específica, com cada item numerado ou com um marcador personalizado. Para criar uma lista ordenada, use a tag <ol> e as tags <li> para cada item da lista:

  <ol>
    <li>Primeiro item</li>
    <li>Segundo item</li>
    <li>Terceiro item</li>
  </ol>

Lista não ordenada#

Uma lista não ordenada é usada para listar itens sem uma ordem específica, com cada item marcado por um ponto, círculo ou outro símbolo personalizado. Para criar uma lista não ordenada, use a tag <ul> e as tags <li> para cada item da lista:

  <ul>
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
  </ul>

Lista de definição#

Uma lista de definição é usada para listar termos e suas definições correspondentes. Para criar uma lista de definição, use a tag <dl>, as tags <dt> para os termos e as tags <dd> para as definições:

  <dl>
    <dt>Termo 1</dt>
    <dd>Definição do termo 1</dd>
    <dt>Termo 2</dt>
    <dd>Definição do termo 2</dd>
  </dl>

Cada tipo de lista pode ser personalizado com CSS para mudar a aparência dos itens, marcadores e estilos de layout.