Lists · Listas
This page needs a recent browser (with SharedArrayBuffer support). Please update Chrome, Edge, Firefox or Safari to the latest version. · Esta página precisa de um navegador recente (com suporte a SharedArrayBuffer). Por favor, atualize Chrome, Edge, Firefox ou Safari para a versão mais recente.
English
Lists
- Use a list when you have several items.
- A bullet list uses
<ul>(unordered list). - Each item goes inside its own
<li>(list item).
Português
Listas
- Use uma lista quando tiver vários itens.
- Uma lista de marcadores usa
<ul>(lista não ordenada). - Cada item vai dentro de sua própria
<li>(item de lista).
<ul>
<li>Milk</li>
<li>Bread</li>
<li>Eggs</li>
</ul>
English
Numbered lists
- For steps in order, use
<ol>(ordered list). - The browser adds the numbers 1, 2, 3 for you.
- The items are still
<li>— only the outer tag changes.
Português
Listas numeradas
- Para etapas em ordem, use
<ol>(lista ordenada). - O navegador adiciona os números 1, 2, 3 para você.
- Os itens ainda são
<li>— apenas a etiqueta externa muda.
<ol>
<li>Open the box</li>
<li>Add water</li>
<li>Stir</li>
</ol>
English
Common mistakes
<ul>is bullets,<ol>is numbers; each item goes in<li>.- Close every
<li>.
Português
Erros comuns
<ul>são marcadores,<ol>são números; cada item vai em<li>.- Feche todas as
<li>.
English
Now you try
- Notice how the
<li>items sit inside the<ul>or<ol>. - Build one of each below.
Português
Agora você tenta
- Note como os itens
<li>ficam dentro dos<ul>ou<ol>. - Construa um de cada abaixo.
Make a bullet list with three items: Apples, Bananas, Cherries. Put each one in its own <li>. · Faça uma lista de marcadores com três itens: Apples, Bananas, Cherries. Coloque cada um em sua própria <li>.
Make a numbered list with at least two steps. Use <ol> with <li> items inside. · Faça uma lista numerada com pelo menos dois passos. Use <ol> com itens <li> dentro.