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
- Max
- Jake
- compañero
- Maggie
- Oso
- muchacha
- Muralla exterior
- Sombra
- Sam
- 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.