69 lines
1.7 KiB
Markdown
69 lines
1.7 KiB
Markdown
|
---
|
||
|
title: Lists
|
||
|
localeTitle: Listas
|
||
|
---
|
||
|
## Listas
|
||
|
|
||
|
Existem três tipos de listas em HTML. Todas as listas devem conter um ou mais elementos da lista.
|
||
|
|
||
|
### Lista HTML não ordenada
|
||
|
|
||
|
A lista não ordenada começa com a tag `<ul>` e os itens da lista começam com a tag `<li>` . Em listas não ordenadas, todos os itens da lista marcados com marcadores por padrão.
|
||
|
|
||
|
\`\` \`
|
||
|
|
||
|
* Item
|
||
|
* Item
|
||
|
* Item
|
||
|
|
||
|
\`\` \` Saída:
|
||
|
|
||
|
* Item
|
||
|
* Item
|
||
|
* Item
|
||
|
|
||
|
### Lista HTML solicitada
|
||
|
|
||
|
A lista ordenada começa com a tag `<ol>` e os itens da lista começam com a tag `<li>` . Nas listas ordenadas, todos os itens da lista são marcados com números.
|
||
|
|
||
|
\`\` \`
|
||
|
|
||
|
1. Primeiro item
|
||
|
2. Segundo item
|
||
|
3. Terceiro item
|
||
|
|
||
|
\`\` \` Saída:
|
||
|
|
||
|
1. Primeiro item
|
||
|
2. Segundo item
|
||
|
3. Terceiro item
|
||
|
|
||
|
### Lista de Descrição HTML
|
||
|
|
||
|
A lista de descrição contém itens de lista com suas definições. Usamos tag `<dl>` para iniciar lista, tag `<dt>` para definir um termo e tag `<dd>` para descrever cada termo.
|
||
|
|
||
|
\`\` \`
|
||
|
|
||
|
freeCodeCamp
|
||
|
|
||
|
Aprenda a codificar com cursos on-line gratuitos, projetos de programação e preparação para entrevistas para trabalhos de desenvolvedores.
|
||
|
|
||
|
GitHub
|
||
|
|
||
|
O GitHub é um repositório de controle de versão ou Git baseado na web e um serviço de hospedagem na Internet. É usado principalmente para código.
|
||
|
|
||
|
\`\` \` Saída:
|
||
|
|
||
|
freeCodeCamp
|
||
|
|
||
|
Aprenda a codificar com cursos on-line gratuitos, projetos de programação e preparação para entrevistas para trabalhos de desenvolvedores.
|
||
|
|
||
|
GitHub
|
||
|
|
||
|
O GitHub é um repositório de controle de versão ou Git baseado na web e um serviço de hospedagem na Internet. É usado principalmente para código.
|
||
|
|
||
|
#### Mais Informações:
|
||
|
|
||
|
[HTML](https://html.com/lists/)
|
||
|
|
||
|
[w3schools](https://www.w3schools.com/html/html_lists.asp)
|