Comment créer des listes imbriquées en HTML5

category Ordinateurs et logiciels / Programmation / Html

Juste au sujet de quoi que ce soit inscrit dans une liste, à partir de séries d'instructions pour des collections de liens. Vous pouvez créer des sous-catégories par nidification listes intérieur des listes. Quelques utilisations courantes pour des listes imbriquées sont les suivants:

  • Les cartes de site et d'autres outils de navigation

  • Tables des matières pour les livres et documents en ligne

  • Grandes lignes




Vous pouvez combiner les trois types de listes pour créer nichée listes, comme une table des matières ou à plusieurs niveaux un aperçu qui mêle rubriques numérotées avec des articles de liste à puces que le niveau hiérarchique le plus bas.

L'exemple suivant commence par une liste numérotée qui définit une liste de choses à faire pour la journée et utilise trois listes à puces à briser ces articles plus loin dans des tâches spécifiques:

Listes imbriquées
Choses à faire aujourd'hui
  1. Faire chat
    • Rincer bol
    • Ouvrir la nourriture pour chat
    • Mélanger la nourriture sèche et humide dans un bol
    • Livrer sur un plateau d'argent à Pixel
    • Lave-auto
      • Intérieur du vide
      • Lavage extérieur
      • Wax extérieur
      • Courses
        • Planifiez vos repas
        • Nettoyez réfrigérateur
        • Faire la liste
        • Aller à la boutique

        Toutes les listes imbriquées suivent le même schéma balisage:

        • Chaque élément de la liste dans la liste de haut niveau commandé est suivie d'une liste complète de second niveau.

        • Les listes de second niveau asseoir à l'intérieur de la liste de haut niveau, pas dans la liste des éléments.

        Cette figure montre comment un navigateur reflète cette imbrication dans son affichage.

        image0.jpg

        Alors que vous construisez des listes imbriquées, regarder ouverture et de fermeture des balises soigneusement. “ Fermer d'abord ce que vous avez ouvert dernière ” est un axiome importante. Si vous ne ouvrir et fermer les balises correctement, listes pourraient pas utiliser tirets ou des chiffres cohérents, ou le texte pourraient être en retrait de manière incorrecte en raison d'une liste quelque part n'a jamais été correctement fermée.

        Articles Similaires

        A propos Auteur
        Comment créer des listes numérotées automatiquement dans Word 2007 Comment créer des listes numérotées automatiquement dans Word 2007

        Word crée les listes numérotées automatiquement lorsque vous utilisez les boutons de la liste sur le ruban ou la fonction de correction automatique de Word. Les boutons de la liste sont les trois premiers dans la ligne supérieure de l'onglet…

        Comment créer des listes numérotées dans PowerPoint 2007 Comment créer des listes numérotées dans PowerPoint 2007

        Lorsque vous concevez vos diapositives PowerPoint vous pouvez créer une liste numérotée de sujets ou de points importants. Si vous voulez que votre diapositive PowerPoint pour inclure une liste numérotée, procédez comme suit:1Cliquez sur le…

        Comment créer une liste à puces pour HTML5 et CSS3 programmation 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.Regardez une…

        Comment créer des listes à puces en HTML5 Comment créer des listes à puces en HTML5

        UN liste à puces contient un ou plusieurs articles chaque préfacé par un balle (souvent un gros point). Utilisez ce genre de liste sur votre page Web si l'ordre des articles est pas nécessaire pour la compréhension de l'information qu'il…

        Comment créer des listes de définitions en HTML5 Comment créer des listes de définitions en HTML5

        Les listes sont des outils puissants pour regrouper des éléments similaires, et les listes donnent les visiteurs de votre site un moyen facile de faire un zoom sur les groupes d'information. Juste au sujet de quoi que ce soit inscrit dans une…

        Comment créer des listes numérotées en HTML5 Comment créer des listes numérotées en HTML5

        Les listes sont des outils puissants pour regrouper des éléments similaires, et les listes donnent les visiteurs de votre site un moyen facile de faire un zoom sur les groupes d'information. Juste au sujet de quoi que ce soit inscrit dans une…

        Comment créer des listes ordonnées pour HTML5 et CSS3 programmation 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).Comment…

        Comment formater les listes de votre page web sur la PI de framboise Comment formater les listes de votre page web sur la PI de framboise

        Lors de la création d'une page sur le Raspberry Pi web, vous aurez probablement besoin de savoir comment formater une liste. Les listes sont utilisées plus que vous pourriez penser à communiquer des informations, donc il ya un moyen standard de…

        Comment créer des puces et des listes numérotées dans NaturallySpeaking Comment créer des puces et des listes numérotées dans NaturallySpeaking

        Effacer et concis, exige plus que de simples paragraphes. Par example, Pour les nuls livres ne pouvaient tout simplement pas exister sans les balles et les listes numérotées. Comment pouvez-vous créer des listes à puces avec des commandes…

        Pour les aînés: comment créer des listes à puces et numérotées dans Microsoft Word Pour les aînés: comment créer des listes à puces et numérotées dans Microsoft Word

        Microsoft Word permet de créer des listes à puces et numérotées dans vos documents faciles. Que vous souhaitiez créer une liste à puces pour une liste d'emballage pour un voyage pour voir vos petits-enfants ou une liste numérotée pour une…

        Comment utiliser des listes de lecture sur votre iPhone Comment utiliser des listes de lecture sur votre iPhone

        Vous pouvez utiliser des listes de lecture sur votre iPhone comme vous le faites sur un iPod. Pour utiliser des listes de lecture sur votre iPhone, appuyez sur l'icône Playlists au bas de l'écran- une liste de lecture apparaissent. Si vous ne…

        Création de listes à puces grammaticalement correctes Création de listes à puces grammaticalement correctes

        Comment avons-nous vivre sans diapositives de la présentation et des listes à puces? Ils sont partout, mais leur grammaire peuvent être source de confusion. Suivez ce guide pour garder vos listes à puces en regardant bien:Si l'introduction se…

        Comment créer des listes en HTML5 Comment créer des listes en HTML5

        Les pages Web que vous créez avec HTML5 sont souvent sur les données, et les données sont souvent organisés dans des listes, ce qui peut être autonome ou un nid dans l'autre. Les éléments de vos listes peuvent être soit numérotées (un…

        Comment utiliser les listes de HTML sur votre page web Comment utiliser les listes de HTML sur votre page web

        Utilisation des listes de HTML est un excellent moyen de présenter des informations aux lecteurs sur vos pages Web. Listes de rendre l'information sur votre page Web facile à analyser. Voici quelques autres raisons d'utiliser des listes de vos…

        » » » » Comment créer des listes imbriquées en HTML5