Lista no ordenada , Lista ordenada en HTML

 

Listas Desordenadas

 HTML nos sirven para mostrar los elementos sin ningún tipo de orden, simplemente precedidos por una viñeta que puede ser un punto, un cuadrado,…

Para definir una lista desordenada en HTML utilizamos el elemento ul.

<ul> ... </ul>

Para representar los elementos de la lista desordenada utilizamos el mismo elemento que con las listas ordenadas, es decir, el elemento li.

<ul>
  <li>Elemento 1</li>
  <li>Elemento 2</li>
  ...
  <li>Elemento N</li>
</ul>De esa forma podríamos tener el siguiente código HTML:

<ul>
  <li>FC. Barcelona</li>
  <li>Real Madrid</li>
  <li>Real Betis</li>
  <li>Atlético de Madrid</li>
</ul>

Lo que nos mostrará por pantalla:

• FC. Barcelona
• Real Madrid
• Real Betis
• Atlético de Madrid

  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.

  <ol> ... </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>
  

  Que produciría el siguiente efecto:

1. Julio
2. Carmen
3. Ignacio
4. Elena 

IMAGEN DEMOSTRATAVITA