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

categoría Computadoras y software / Programación / Html

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).

Cómo ver una lista ordenada

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

Usted puede ver una lista donde los elementos están numerados. Cuando los 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.

imagen0.jpg

¿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 nombres de perros en los EE.UU.
  1. Max
  2. Jake
  3. Compañero
  4. Maggie
  5. Oso
  6. Molly
  7. Muralla exterior
  8. Sombra
  9. Sam
  10. Señora
datos de http://bowwow.com.au

El único cambio es la misma lista de etiquetas. En lugar de la

    etiqueta, la lista ordenada utiliza el
      indicador. Los elementos de la lista son los mismos
    1. pares utilizados en la lista desordenada.

      Usted no indica el número del 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 elementos, y los números siguen siendo correctos.

      Aquí es donde es genial que HTML es el significado, no el diseño. Si ha especificado el número real, 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

      Sobre el autor
      Cómo crear listas de definiciones en html5 Cómo crear listas de definiciones en html5

      Las listas son herramientas poderosas para agrupar elementos similares, y en las listas a los visitantes a su sitio una manera fácil de hacer zoom en grupos de información. Casi cualquier cosa cabe en una lista, a partir de conjuntos de…

      Cómo crear listas anidadas en html5 Cómo crear listas anidadas en html5

      Casi cualquier cosa cabe en una lista, a partir de conjuntos de instrucciones para las colecciones de enlaces. Puede crear subcategorías por anidación listas dentro de listas. Algunos de los usos comunes para las listas anidadas incluyen los…

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

      A veces, usted querrá crear contornos u otros tipos de datos complejos en sus páginas HTML5. Puede fácilmente anidar listas dentro de unos a otros, si quieres. Usted puede ver una lista más compleja que describe los nombres de gato populares en…

      Cómo crear listas numeradas en html5 Cómo crear listas numeradas en html5

      Las listas son herramientas poderosas para agrupar elementos similares, y en las listas a los visitantes a su sitio una manera fácil de hacer zoom en grupos de información. Casi cualquier cosa cabe en una lista, a partir de conjuntos de…

      Cómo hacer listas de enlaces para HTML5 y programación css3 Cómo hacer listas de enlaces para HTML5 y programación css3

      Muchas páginas web resultan ser listas de enlaces en la programación HTML5 y CSS3. Porque las listas y enlaces van tan bien juntos, es bueno mirar un ejemplo. Observe esta lista de enlaces a libros escritos por un determinado autor.Este ejemplo no…

      Cómo utilizar imágenes en las listas de HTML5 y CSS3 programación Cómo utilizar imágenes en las listas de HTML5 y CSS3 programación

      No es un buen fondo, pero también se puede utilizar las imágenes de elementos de la lista para tu página web HTML5 y CSS3. A veces, es posible que desee algún tipo de bala especial para sus listas.En esta página, se han enumerado varias…

      Cómo agregar HTML a una página con jQuery Cómo agregar HTML a una página con jQuery

      jQuery se puede utilizar para agregar HTML a una página. Usted puede agregar todo tipo de HTML, imágenes, casi cualquier cosa, y cambiar por completo el diseño de la página usando jQuery. Si lo hace, no es realmente una buena idea, ya que puede…

      Cómo formatear listas para su página web en el pi frambuesa Cómo formatear listas para su página web en el pi frambuesa

      Al crear una página web en la Raspberry Pi, es probable que necesite saber cómo dar formato a una lista. Las listas se utilizan más de lo que piensas para comunicar información, así que hay una forma estándar de formatear utilizando HTML.Hay…

      Cómo eliminar elementos de una lista de reproducción en iTunes Cómo eliminar elementos de una lista de reproducción en iTunes

      Si desea cambiar a tus listas de reproducción de iTunes, puede eliminar elementos de las listas de reproducción mientras que todavía guarda en su biblioteca. Cuando se elimina un elemento de una lista de reproducción, el artículo es…

      Etiquetas html Común Etiquetas html Común

      La siguiente tabla muestra algunas de las etiquetas HTML más comunes que se utilizará para construir su sitio web. Después de haber trabajado en HTML por un tiempo, estas etiquetas se convertirán en segunda naturaleza para usted.TagNombreEjemplo…

      Cómo crear listas de html en el bloc de notas Cómo crear listas de html en el bloc de notas

      Incluyendo las listas en sus páginas web es un buen diseño. Las listas son interesantes a la vista, fácil de escanear, e inspiran a escribir frases cortas, garra. Siga estos pasos para crear una lista en el Bloc de notas: Agrandar1Añadir el…

      Cómo crear listas en html5 Cómo crear listas en html5

      Las páginas web se crean con HTML5 son a menudo acerca de los datos, y los datos se organizan a menudo en las listas, que puede estar solo o anidan unos dentro de otros. Pueden estar numeradas o bien los artículos en sus listas (una ordenado…

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