Listas numeradas y no numeradas

Listas numeradas y no numeradas

Sigamos viendo características habituales en las páginas Web.

Esto es una lista numerada:

1. Primera opción
2. Segunda opción
3. Tercera opción

y esto es una lista sin numerar:

• Primera opción
• Segunda opción
• Tercera opción

Las dos son muy fácil de crear desde HTML:

Las listas numeradas (ordenadas, "ordered list") comienzan con <OL> y terminan con <OL>, mientras que sus elementos van desde <LI> hasta </LI> (LI es la abreviatura de "list item").

Las listas no numeradas (no ordenadas, "unordered list") comienzan con <UL> y terminan con <UL>, y sus elementos estarán entre <LI> y </LI>.

Así, las dos listas anteriores se podrían haber creado con:

<html>

<body>

<p>Esto es una lista numerada:</p>

<ol>

  <li>Primera opci&oacute;n</li>

  <li>Segunda opci&oacute;n</li>

  <li>Tercera opci&oacute;n</li>

</ol>

<p>y esto es una lista sin numerar:</p>

<ul>

  <li>Primera opci&oacute;n</li>

  <li>Segunda opci&oacute;n</li>

  <li>Tercera opci&oacute;n</li>

</ul>

</body>

</html>