Comment créer des listes ordonnées pour HTML5 et CSS3 programmation

Les listes ordonnées en HTML5 sont presque exactement comme les listes à puces. Les listes ordonnées ont traditionnellement un nombre plutôt que des balles (mais vous pouvez changer cela grâce à CSS si vous ne voulez pas les numéros).

Sommaire

  • Liste ordonnée de base
  • Comment faire pour afficher une liste ordonnée

    Voici une page avec une liste ordonnée de base - basicOL.html.




    Vous pouvez voir une liste où les articles sont numérotés. Lorsque vos données est une liste d'étapes ou de l'information avec un certain type de valeurs numériques, une liste ordonnée est un bon choix.

    image0.jpg

    Comment construire la liste ordonnée

    Le code pour basicOL.html est remarquablement similaire à une liste à puces:

    basicOL.html

    Liste ordonnée de base

    Les dix noms de chien aux Etats-Unis

    1. Max
    2. Jake
    3. Copain
    4. Maggie
    5. Ours
    6. Molly
    7. Mur d'enceinte
    8. Ombre
    9. Sam
    10. Dame

    données de http://bowwow.com.au

    Le seul changement est la balise de liste elle-même. Plutôt que de la

      tag, la liste ordonnée utilise le
        indicateur. Les éléments de la liste sont les mêmes
      1. paires utilisées dans la liste non ordonnée.

        Vous ne indiquez le numéro de l'article anywhere- Il génère automatiquement en fonction de la position de chaque élément dans la liste. Par conséquent, vous pouvez modifier l'ordre des éléments, et les chiffres sont toujours correctes.

        Ceci est où il est formidable que HTML est sur le sens, pas la mise en page. Si vous avez spécifié les chiffres réels, ce serait un gâchis pour bouger les choses autour. Tout ce qui importe vraiment est ce que l'élément est à l'intérieur d'une liste ordonnée.


        » » » » Comment créer des listes ordonnées pour HTML5 et CSS3 programmation