Lista ordenada , Lista desordenada

 

Lista ordenada en html 

Las listas ordenadas son casi idénticas a las listas no ordenadas, salvo que en este caso los elementos relacionados se muestran siguiendo un orden determinado.

¿Para que sirve?

Las listas ordenadas sirven para presentar información, en diversos elementos o items, con la particularidad que éstos estarán predecidos de un número o una letra para enumerarlos, siempre por un orden.

Como realizar las listas ordenadas

Para realizar las listas ordenadas usaremos las etiquetas OL (ordered list) y su cierre. Cada elemento sera igualmente indicado por la etiqueta LI, que ya vimos en las listas desordenadas.

 

Ejemplo: 

<p>Reglas de comportamiento en el trabajo</p>                                                                                    <ol>                                                                                                                                                              <li>El jefe siempre tiene la razón                                                                                                                <li>En caso de deuda aplicar regla 1                                                                                                           </ol>

resultado:

1.El jefe siempre tiene la razón                                                                                                              2.En caso de duda aplicar regla 1

El navegador muestra la lista de forma muy parecida a las listas no ordenadas, salvo que en este caso no se emplean viñetas gráficas en los elementos, sino que se numeran de forma consecutiva.

Vídeo de como crear listas ordenadas en html

Lista desordenada en html

Las listas no ordenadas son aquellas que se encuentran entre las etiquetas <ul>

y </ul> (ul indica unordered list), etiqueta de apertura y cierre respectivamente. Si queremos añadir un nuevo punto, lo tendremos que hacer dentro de las etiquetas <li> y </li>.

¿Para que sirve?

Nos sirven para mostrar los elementos sin ningún tipo de orden,simplemente predecidos por una viñeta que puede ser un punto,un acuerdo,etc.

 

como realizar las lista desordenada                                             

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

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

                                          vídeo de como crear lista desordena en html