Cómo crear listas ordenadas para programación HTML5 y CSS3

Cómo crear listas ordenadas para programación HTML5 y CSS3 - dummies

Las listas ordenadas en HTML5 son casi exactamente como listas desordenadas. Las listas ordenadas tradicionalmente tienen números en lugar de viñetas (aunque puede cambiar esto a través de CSS si no desea números).

Cómo ver una lista ordenada

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

Puede ver una lista donde los artículos están numerados. Cuando sus datos son 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 compilar la lista ordenada

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

 basicOL. html 

Lista ordenada básica

Diez nombres principales para perros en los EE. UU.

  1. Máx
  2. Jake
  3. Buddy
  4. Maggie
  5. Bear
  6. Molly
  7. Bailey
  8. Shadow < Sam
  9. Lady
datos de // www. Bowwow. com. au

El único cambio es la etiqueta de la lista en sí. En lugar de la etiqueta

, la lista ordenada usa el indicador

    . Los elementos de la lista son los mismos
      pares utilizados en la lista desordenada.No indica el número de artículo en ningún lado; se genera automáticamente en función de la posición de cada elemento dentro de la lista. Por lo tanto, puede cambiar el orden de los elementos y los números siguen siendo correctos.

      Aquí es donde es genial que HTML tenga más que ver con el significado, no con el diseño. Si especifica los números reales, sería un desastre mover las cosas. Todo lo que realmente importa es que el elemento esté dentro de una lista ordenada.