Cómo crear listas ordenadas para la programación html5 y css3

Las listas ordenadas en HTML5 son casi exactamente igual que las listas no ordenadas. Las listas ordenadas tradicionalmente tienen números en lugar de balas (aunque se puede cambiar esto a través de CSS si no desea que los números).

Video: Curso de HTML5 - 06 - Insertar Tablas y usar Css

Cómo ver una lista ordenada

Aquí hay una página con una lista ordenada básica - basicOL.html.

Video: Cómo Crear Tablas en HTML, Curso Básico de HTML

Se puede ver una lista en la que se numeran los elementos. Cuando los datos es una lista de pasos o información con algún tipo de valores numéricos, una lista ordenada es una buena opción.

¿Cómo construir la lista ordenada

El código para basicOL.html es notablemente similar a una lista desordenada:

basicOL.html

Lista ordenada básica

Los diez principales nombres del perro en los EE.UU

  1. Max
  2. Jake
  3. compañero
  4. Maggie
  5. Oso
  6. muchacha
  7. Muralla exterior
  8. Sombra
  9. Sam
  10. dama

datos de http://bowwow.com.au

El único cambio es la lista de etiquetas en sí. En lugar de la etiqueta, la lista ordenada utiliza el indicador. Los elementos de la lista son los mismos pares utilizados en la lista desordenada.

Video: Tutorial de CSS, Cómo Formatear Listas

No se indica el número de artículo cualquier lugar, se genera automáticamente en función de la posición de cada elemento dentro de la lista. Por lo tanto, se puede cambiar el orden de los artículos, y los números siguen siendo correctos.

Aquí es donde es muy bueno que el HTML es el significado, no el diseño. Si ha especificado el número real, que sería un desastre para mover las cosas. Todo lo que realmente importa es que el elemento está dentro de una lista ordenada.

Artículos Relacionados