---
title: ol
slug: Web/HTML/Elemento/ol
tags:
  - HTML
  - 'HTML:Elemento'
  - Todas_las_Categorías
translation_of: Web/HTML/Element/ol
---
<h3 id="Definici.C3.B3n" name="Definici.C3.B3n">Definición</h3>

<p>El elemento <code style="color: darkblue;">ol</code> permite definir listas o viñetas ordenadas (“Ordered List”), bien con numeración o alfabéticamente.</p>

<dl>
 <dd><strong>Sus etiquetas son</strong>: &lt;ol&gt; y &lt;/ol&gt; (ambas obligatorias).</dd>
</dl>

<dl>
 <dd><strong>Crea una caja</strong>: <a href="es/HTML/Elemento/Tipos_de_elementos#en_bloque">en bloque</a>.</dd>
</dl>

<dl>
 <dd><strong>Está definido como</strong>: <a href="es/HTML/Elemento/Tipos_de_elementos#de_lista">Elemento de lista</a>.</dd>
</dl>

<dl>
 <dd><strong>Puede contener</strong>: uno o más elementos <a href="es/HTML/Elemento/li">li</a></dd>
</dl>

<h4 id="Atributos" name="Atributos">Atributos</h4>

<table class="standard-table">
 <tbody>
  <tr>
   <th colspan="4">Genericos</th>
  </tr>
  <tr>
   <th>Atributo</th>
   <th colspan="2">valor</th>
   <th>descripción</th>
  </tr>
  <tr>
   <td><code style="color: green;">title</code></td>
   <td></td>
   <td></td>
   <td>título del elemento</td>
  </tr>
  <tr>
   <td><code style="color: green;">style</code></td>
   <td></td>
   <td></td>
   <td>información de estilo en línea</td>
  </tr>
  <tr>
   <td><code style="color: green;">id</code></td>
   <td></td>
   <td></td>
   <td>identificador a nivel de documento</td>
  </tr>
  <tr>
   <td><code style="color: green;">class</code></td>
   <td></td>
   <td></td>
   <td>identificador a nivel de documento</td>
  </tr>
  <tr>
   <td><code style="color: green;">dir</code></td>
   <td></td>
   <td></td>
   <td>dirección del texto</td>
  </tr>
  <tr>
   <td><code style="color: green;">lang</code></td>
   <td></td>
   <td></td>
   <td>información sobre el idioma</td>
  </tr>
  <tr>
   <td colspan="4"><strong>Eventos</strong>: <code style="color: green;">onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup.</code></td>
  </tr>
  <tr>
   <th colspan="4">Específicos</th>
  </tr>
  <tr>
   <td colspan="4">No tiene</td>
  </tr>
  <tr>
   <th colspan="4">de transición</th>
  </tr>
  <tr>
   <td><code style="color: green;">type</code></td>
   <td>(1|a|A|i|I)</td>
   <td>implícito</td>
   <td>estilo de numeración</td>
  </tr>
  <tr>
   <td><code style="color: green;">compact</code></td>
   <td>compact</td>
   <td>implícito</td>
   <td>espacio entre objetos reducido</td>
  </tr>
  <tr>
   <td><code style="color: green;">start</code></td>
   <td>'un número'</td>
   <td>implícito</td>
   <td>número inicial de la secuencia</td>
  </tr>
 </tbody>
</table>

<h3 id="Ejemplos" name="Ejemplos">Ejemplos</h3>

<p>El siguiente código:</p>

<pre class="eval">&lt;ol&gt;
 &lt;li&gt;punto uno&lt;/li&gt;
 &lt;li&gt;punto dos&lt;/li&gt;
 &lt;li&gt;punto tres&lt;/li&gt;
&lt;/ol&gt;
</pre>

<div class="highlight">
<p>Se visualiza así:</p>

<ol>
 <li>punto uno</li>
 <li>punto dos</li>
 <li>punto tres</li>
</ol>
</div>

<h3 id="Comentarios" name="Comentarios">Comentarios</h3>