Comment créer une liste à puces pour HTML5 et CSS3 programmation

Tous les types de liste dans HTML5 sont étroitement liés. Le type le plus simple et la plus courante de la liste est une liste non ordonnée. Vous pouvez également utiliser des listes ordonnées et les listes imbriquées en HTML.

Sommaire

  • Listes de base
  • Regardez une liste non ordonnée

    Regardez la page simple. En plus d'une ou deux têtes, il a une liste d'informations.

    Cette liste de navigateurs a certaines caractéristiques visuels intéressants:

    • Les articles sont en retrait. Il ya un peu d'espace supplémentaire entre la marge de gauche et le début de chaque élément de la liste.




    • Les éléments de la liste ont des balles. Ce petit point en face de chaque élément est un balle. Bullets sont couramment utilisés dans les listes à puces comme celle-ci.

      image0.jpg
    • Chaque article commence une nouvelle ligne. Quand un élément de la liste est affichée, il est indiqué sur une nouvelle ligne.

    Ces caractéristiques vous aider à voir que vous avez une liste, mais ils sont tout simplement les comportements par défaut. Définition de quelque chose comme une liste ne le forcez pas à regarder un waypoint particulier les valeurs par défaut juste vous aider à voir que ces éléments sont en effet partie d'une liste.

    Rappelez-vous l'idée de base de HTML ici. Vous n'êtes pas vraiment comment les choses décrivez regarder, mais ce qu'ils signifier. Vous pouvez modifier l'apparence plus tard, quand vous avez compris CSS, donc ne soyez pas trop attaché à l'aspect particulier des choses. Pour l'instant, reconnaît simplement que HTML peut construire des listes, et assurez-vous que vous savez comment utiliser les différents types.

    Comment construire une liste non ordonnée

    Les listes sont faites avec deux types de balises. Un tag entoure toute la liste et indique le type général de liste. Ce premier exemple montre une liste non ordonnée, qui est entourée par la paire.

    Note: En retrait tout le code à l'intérieur du

      ensemble est commun. La liste non ordonnée peut aller dans le corps principal.

      À l'intérieur de

        ensemble est un certain nombre d'éléments de la liste. Chaque élément de la liste est stockée entre un
      • (élément de la liste) et un tag. Normalement, chaque
      • paire va sur sa propre ligne du code source, mais vous pouvez faire un élément de la liste aussi longtemps que vous le souhaitez.

        Vous pouvez changer la balle de toutes sortes d'autres images, y compris les cercles, carrés, et même des images personnalisées.

        Le code de la liste à puces est assez simple:

        basicUL.html

        Listes de base

        Navigateurs web commun

        • Firefox
        • Chrome
        • Internet Explorer
        • Opéra
        • Safari

        » » » » Comment créer une liste à puces pour HTML5 et CSS3 programmation