Las listas en HTML nos permite crear conjuntos de elementos en forma de lista dentro de una página, todos los cuales irán precedidos, generalmente, por un guión o número.
Los tipos de listas en HTML son los siguientes:
- Listas ordenadas
- Listas desordenadas
- Listas de definiciones
Listas Ordenadas
Las listas en HTML ordenadas son aquellas que nos muestran los elementos de la lista en orden. Para representar el orden tendremos los elementos numerados. Es decir, cada uno de los elementos irá precedido de un número o letra que establezca su orden.
Las listas en HTML ordenadas se representan mediante el elemento OL.
Las listas en HTML ordenadas se representan mediante el
elemento OL.
Cada uno de los elementos de la lista ordenada se
representará mediante el elemento LI.
<ol>
<li>Elemento 1</li>
<li>Elemento 2</li>
<li>Elemento N</li>
</ol>
Un ejemplo
de lista ordenada sería el siguiente:
<ol>
<li>Julio</li>
<li>Carmen</li>
<li>Ignacio</li>
<li>Elena</li>
</ol>
Número de
inicio de la lista: start
El atributo
start nos permite indicar el número por el cual queremos que empiece la lista,
ya que por defecto las listas ordenadas en HTML empiezan por el número 1.
<ol
start="numero"> ... </ol>
De esta
forma, si queremos que la lista empiece por el número 5, escribiremos el
siguiente código:
<ol start="5">
<li>Julio</li>
<li>Carmen</li>
<li>Ignacio</li>
<li>Elena</li>
</ol>
Que
produciría el siguiente efecto:
5.Julio
6.Carmen
7.Ignacio
8.Elena