Exemplo
Uma lista HTML não ordenada:
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
Tente você mesmo " Mais "Tente você mesmo" exemplos abaixo.
Definição e Uso
O <ul> tag define uma lista não ordenada (com marcadores).
Use o <ul> tag juntamente com o <li> tag para criar listas não ordenadas.
Suporte a navegadores
| Elemento | |||||
|---|---|---|---|---|---|
| <ul> | sim | sim | sim | sim | sim |
Dicas e Notas
Dica: Use CSS para estilizar listas.
Dica: Para criar listas ordenadas, use o <ol> tag.
Diferenças entre HTML 4.01 e HTML5
Os "compactos" e atributos "tipo" não são suportadas no HTML5.
Atributos
| Atributo | Valor | Descrição |
|---|---|---|
| compact | compact | Não suportado em HTML5. Especifica que a lista deve tornar menor do que o normal |
| type | disc square circle | Não suportado em HTML5. Especifica o tipo de marcador para usar na lista |
Atributos globais
O <ul> tag também suporta o Global de Atributos em HTML .
Atributos de eventos
O <ul> tag também suporta o evento Atributos em HTML .
Tente você mesmo - Exemplos
A lista aninhada
Uma lista dentro de uma lista.
Outra lista aninhada
A lista aninhada mais complicado.
Páginas relacionadas
Tutorial HTML: listas de HTML
Referência HTML DOM: Ul Objeto
CSS Tutorial: Listas Styling
Configurações CSS padrão
A maioria dos navegadores irá exibir o <ul> elemento com os seguintes valores padrão:
Exemplo
ul {
display: block;
list-style-type: disc;
margin-top: 1em;
margin-bottom: 1 em;
margin-left: 0;
margin-right: 0;
padding-left: 40px;
} Tente você mesmo "