Maison interface Web tutoriel HTML Page Web HTML liste ordonnée ol et liste non ordonnée ul_HTML/Xhtml_web production de pages

Page Web HTML liste ordonnée ol et liste non ordonnée ul_HTML/Xhtml_web production de pages

May 16, 2016 pm 04:44 PM
html ol liste non ordonnée liste ordonnée

Listes pour organiser les données

Après avoir appris autant de balises HTML qui contrôlent l'affichage des pages Web, les lecteurs peuvent dans un premier temps créer de pures pages d'articles. Cette section étudie les éléments de la liste en HTML. Le formulaire de liste occupe une proportion relativement importante dans la conception du site Web. Les informations affichées sont très soignées et intuitives, ce qui les rend faciles à comprendre. Dans l'apprentissage du style CSS suivant, les fonctions avancées des éléments de liste seront largement utilisées.

文本框:
图4.17  列表元素的结构

4.4.1 Composition structurelle de la liste

L'élément de liste HTML est une structure entourée d'une balise de liste, et les éléments de liste inclus sont composés de

  • . La structure spécifique est illustrée à la figure 4.17.

    4.4.2 Faire une liste non ordonnée

    Comme son nom l'indique, une liste non ordonnée est une liste dans laquelle les éléments de la structure de la liste ne sont pas dans l'ordre. La plupart des listes dans les applications Web utilisent des listes non ordonnées et leurs balises de liste utilisent

      . La méthode d'écriture est la suivante :

      .

      • Liste un élément
      • Élément de la liste deux
      • Élément de la liste trois
      • Élément de la liste quatre
      • Élément de la liste cinq

      4.4.3 Faire une liste ordonnée

      Comme son nom l'indique, une liste ordonnée est une liste dans laquelle les éléments de la structure de la liste sont dans l'ordre. Il peut y avoir différents numéros de séquence de haut en bas, tels que 1, 2, 3 ou a, b, c, etc Créez un fichier de page Web dans le répertoire D:web, nommez-le ul_ol.htm et écrivez le code comme indiqué dans le code 4.17.

      Code 4.17 Paramètres de la liste : ul_ol.htm

      Paramètres de la liste

      Technologie frontale Web

      • HTML
      • CSS
      • JavaScript
      • FLASH

      Apprendre le backend Web

      1. ASP
      2. ASP.net
      3. PHP
      4. CGI
      5. Rubis
      6. Python

      Entrez http://localhost/ul_ol.htm dans la barre d'adresse du navigateur, et l'effet de navigation est tel qu'illustré dans la figure 4.18.

      Figure 4.18 Paramètres de la liste

      Déclaration de ce site Web
      Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

      Outils d'IA chauds

      Undresser.AI Undress

      Undresser.AI Undress

      Application basée sur l'IA pour créer des photos de nu réalistes

      AI Clothes Remover

      AI Clothes Remover

      Outil d'IA en ligne pour supprimer les vêtements des photos.

      Undress AI Tool

      Undress AI Tool

      Images de déshabillage gratuites

      Clothoff.io

      Clothoff.io

      Dissolvant de vêtements AI

      Video Face Swap

      Video Face Swap

      Échangez les visages dans n'importe quelle vidéo sans effort grâce à notre outil d'échange de visage AI entièrement gratuit !

      Outils chauds

      Bloc-notes++7.3.1

      Bloc-notes++7.3.1

      Éditeur de code facile à utiliser et gratuit

      SublimeText3 version chinoise

      SublimeText3 version chinoise

      Version chinoise, très simple à utiliser

      Envoyer Studio 13.0.1

      Envoyer Studio 13.0.1

      Puissant environnement de développement intégré PHP

      Dreamweaver CS6

      Dreamweaver CS6

      Outils de développement Web visuel

      SublimeText3 version Mac

      SublimeText3 version Mac

      Logiciel d'édition de code au niveau de Dieu (SublimeText3)

      Bordure de tableau en HTML Bordure de tableau en HTML Sep 04, 2024 pm 04:49 PM

      Guide de la bordure de tableau en HTML. Nous discutons ici de plusieurs façons de définir une bordure de tableau avec des exemples de bordure de tableau en HTML.

      Tableau imbriqué en HTML Tableau imbriqué en HTML Sep 04, 2024 pm 04:49 PM

      Ceci est un guide des tableaux imbriqués en HTML. Nous discutons ici de la façon de créer un tableau dans le tableau ainsi que des exemples respectifs.

      Marge gauche HTML Marge gauche HTML Sep 04, 2024 pm 04:48 PM

      Guide de la marge HTML gauche. Nous discutons ici d'un bref aperçu de la marge gauche HTML et de ses exemples ainsi que de son implémentation de code.

      Disposition du tableau HTML Disposition du tableau HTML Sep 04, 2024 pm 04:54 PM

      Guide de mise en page des tableaux HTML. Nous discutons ici des valeurs de la mise en page des tableaux HTML ainsi que des exemples et des résultats en détail.

      Espace réservé d'entrée HTML Espace réservé d'entrée HTML Sep 04, 2024 pm 04:54 PM

      Guide de l'espace réservé de saisie HTML. Nous discutons ici des exemples d'espace réservé d'entrée HTML ainsi que des codes et des sorties.

      Déplacer du texte en HTML Déplacer du texte en HTML Sep 04, 2024 pm 04:45 PM

      Guide pour déplacer du texte en HTML. Nous discutons ici d'une introduction, du fonctionnement des balises de sélection avec la syntaxe et des exemples à implémenter.

      Liste ordonnée HTML Liste ordonnée HTML Sep 04, 2024 pm 04:43 PM

      Guide de la liste ordonnée HTML. Ici, nous discutons également de l'introduction de la liste et des types HTML ordonnés ainsi que de leur exemple respectivement.

      Bouton HTML onclick Bouton HTML onclick Sep 04, 2024 pm 04:49 PM

      Guide du bouton HTML onclick. Nous discutons ici de leur introduction, de leur fonctionnement, des exemples et de l'événement onclick dans divers événements respectivement.

      See all articles