Listas HTML
As listas HTML permitem que os desenvolvedores da Web agrupem um conjunto de itens relacionados em listas.
Exemplo
Uma lista HTML não ordenada:
- Item
- Item
- Item
- Item
Uma lista HTML ordenada:
- Primeiro item
- Segundo item
- Terceiro item
- Quarto item
Lista HTML não ordenada
Uma lista não ordenada começa com a <ul>
tag. Cada item da lista começa com a
<li>
tag.
Os itens da lista serão marcados com marcadores (pequenos círculos pretos) por padrão:
Exemplo
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
Lista HTML ordenada
Uma lista ordenada começa com a <ol>
tag. Cada item da lista começa com a <li>
tag.
Os itens da lista serão marcados com números por padrão:
Exemplo
<ol>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
Listas de descrição HTML
HTML também suporta listas de descrição.
Uma lista de descrição é uma lista de termos, com uma descrição de cada termo.
A <dl>
tag define a lista de descrição, a <dt>
tag define o termo (nome) e a <dd>
tag descreve cada termo:
Exemplo
<dl>
<dt>Coffee</dt>
<dd>- black hot drink</dd>
<dt>Milk</dt>
<dd>- white cold drink</dd>
</dl>
Tags de lista HTML
Tag | Description |
---|---|
<ul> | Defines an unordered list |
<ol> | Defines an ordered list |
<li> | Defines a list item |
<dl> | Defines a description list |
<dt> | Defines a term in a description list |
<dd> | Describes the term in a description list |
Para obter uma lista completa de todas as tags HTML disponíveis, visite nossa Referência de tags HTML .