files/es/web/html/element/ol/index.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133

---
title: ol
slug: Web/HTML/Element/ol
tags:
  - HTML
  - HTML:Elemento
  - Todas_las_Categorías
translation_of: Web/HTML/Element/ol
original_slug: Web/HTML/Elemento/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>