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 necesita un navegador reciente (con soporte para SharedArrayBuffer). Por favor, actualiza Chrome, Edge, Firefox o Safari a la última versión.
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).
Español
Listas
- Usa una lista cuando tengas varios elementos.
- Una lista con viñetas usa
<ul>(lista no ordenada). - Cada elemento va dentro de su propio
<li>(elemento 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.
Español
Listas numeradas
- Para pasos en orden, usa
<ol>(lista ordenada). - El navegador añade los números 1, 2, 3 automáticamente.
- Los elementos siguen siendo
<li>; solo cambia la etiqueta exterior.
<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>.
Español
Errores comunes
<ul>es para viñetas,<ol>es para números; cada elemento va dentro de<li>.- Cierra siempre cada
<li>.
English
Now you try
- Notice how the
<li>items sit inside the<ul>or<ol>. - Build one of each below.
Español
Ahora tú intentas
- Observa cómo los elementos
<li>se sitúan dentro del<ul>o el<ol>. - Construye uno de cada tipo abajo.
Make a bullet list with three items: Apples, Bananas, Cherries. Put each one in its own <li>. · Crea una lista con viñetas de tres elementos: Apples, Bananas, Cherries. Coloca cada uno en su propio <li>.
Make a numbered list with at least two steps. Use <ol> with <li> items inside. · Crea una lista numerada con al menos dos pasos. Usa <ol> con elementos <li> dentro.