Maison interface Web tutoriel HTML Explication du code HTML de la page Web : liste ordonnée et liste non ordonnée_HTML/Xhtml_production de pages Web

Explication du code HTML de la page Web : liste ordonnée et liste non ordonnée_HTML/Xhtml_production de pages Web

May 16, 2016 pm 04:43 PM
代码 元素 学习 序列 结构 网页 讲解


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

      • Énumérez l'élément un

      • Énumérez l'élément deux

      • Énumérez le troisième élément

      • Énumérez l'élément quatre

      • Énumérez le cinquième élément


      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 Web frontale

      • HTML

      • CSS

      • JavaScript

      • FLASH


      En savoir plus sur 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

      AI Hentai Generator

      AI Hentai Generator

      Générez AI Hentai gratuitement.

      Article chaud

      R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
      2 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
      Repo: Comment relancer ses coéquipiers
      4 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
      Hello Kitty Island Adventure: Comment obtenir des graines géantes
      3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
      Combien de temps faut-il pour battre Split Fiction?
      3 Il y a quelques semaines By DDD

      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)

      Comment envoyer des pages Web sur le bureau comme raccourci dans le navigateur Edge ? Comment envoyer des pages Web sur le bureau comme raccourci dans le navigateur Edge ? Mar 14, 2024 pm 05:22 PM

      Comment envoyer des pages Web sur le bureau sous forme de raccourci dans le navigateur Edge ? Beaucoup de nos utilisateurs souhaitent afficher les pages Web fréquemment utilisées sur le bureau sous forme de raccourcis pour faciliter l'ouverture directe des pages d'accès, mais ils ne savent pas comment procéder. En réponse à ce problème, l'éditeur de ce numéro partagera le. solution avec la majorité des utilisateurs, jetons un coup d’œil au contenu partagé dans le didacticiel du logiciel d’aujourd’hui. La méthode de raccourci pour envoyer des pages Web au bureau dans le navigateur Edge : 1. Ouvrez le logiciel et cliquez sur le bouton "..." sur la page. 2. Sélectionnez « Installer ce site en tant qu'application » dans « Application » dans l'option du menu déroulant. 3. Enfin, cliquez dessus dans la fenêtre pop-up

      Que dois-je faire si les images de la page Web ne peuvent pas être chargées ? 6 solutions Que dois-je faire si les images de la page Web ne peuvent pas être chargées ? 6 solutions Mar 15, 2024 am 10:30 AM

      Certains internautes ont constaté que lorsqu'ils ouvraient la page Web du navigateur, les images de la page Web ne pouvaient pas être chargées pendant une longue période. Que s'est-il passé ? J'ai vérifié que le réseau est normal, alors quel est le problème ? L'éditeur ci-dessous vous présentera six solutions au problème de l'impossibilité de charger les images de pages Web. Les images de la page Web ne peuvent pas être chargées : 1. Problème de vitesse Internet La page Web ne peut pas afficher les images. Cela peut être dû au fait que la vitesse Internet de l'ordinateur est relativement lente et qu'il y a davantage de logiciels ouverts sur l'ordinateur et que les images auxquelles nous accédons sont relativement volumineuses. peut être dû à un délai de chargement. Par conséquent, l'image ne peut pas être affichée. Vous pouvez désactiver le logiciel qui utilise la vitesse du réseau et le vérifier dans le gestionnaire de tâches. 2. Trop de visiteurs Si la page Web ne peut pas afficher d'images, c'est peut-être parce que les pages Web que nous avons visitées ont été visitées en même temps.

      Programme de codes à distance universels GE sur n'importe quel appareil Programme de codes à distance universels GE sur n'importe quel appareil Mar 02, 2024 pm 01:58 PM

      Si vous devez programmer un appareil à distance, cet article vous aidera. Nous partagerons les meilleurs codes de télécommande universelle GE pour programmer n’importe quel appareil. Qu'est-ce qu'une télécommande GE ? GEUniversalRemote est une télécommande qui peut être utilisée pour contrôler plusieurs appareils tels que les téléviseurs intelligents, LG, Vizio, Sony, Blu-ray, DVD, DVR, Roku, AppleTV, lecteurs multimédias en streaming et plus encore. Les télécommandes GEUniversal sont disponibles en différents modèles avec différentes caractéristiques et fonctions. GEUniversalRemote peut contrôler jusqu'à quatre appareils. Les meilleurs codes de télécommande universels à programmer sur n'importe quel appareil. Les télécommandes GE sont livrées avec un ensemble de codes qui leur permettent de fonctionner avec différents appareils. vous pouvez

      Mar 22, 2024 pm 03:20 PM

      L'exécution de code PHP dans une page Web nécessite de s'assurer que le serveur Web prend en charge PHP et est correctement configuré. PHP peut être ouvert de trois manières : * **Environnement du serveur :** Placez le fichier PHP dans le répertoire racine du serveur et accédez-y via le navigateur. * **Environnement de développement intégré : **Placez les fichiers PHP dans le répertoire racine Web spécifié et accédez-y via le navigateur. * **Serveur distant :** Accédez aux fichiers PHP hébergés sur un serveur distant via l'adresse URL fournie par le serveur.

      Apprenons ensemble à saisir le numéro racine dans Word Apprenons ensemble à saisir le numéro racine dans Word Mar 19, 2024 pm 08:52 PM

      Lors de la modification du contenu du texte dans Word, vous devez parfois saisir des symboles de formule. Certains gars ne savent pas comment saisir le numéro racine dans Word, alors Xiaomian m'a demandé de partager avec mes amis un tutoriel sur la façon de saisir le numéro racine dans Word. J'espère que cela aidera mes amis. Tout d'abord, ouvrez le logiciel Word sur votre ordinateur, puis ouvrez le fichier que vous souhaitez modifier et déplacez le curseur vers l'emplacement où vous devez insérer le signe racine, reportez-vous à l'exemple d'image ci-dessous. 2. Sélectionnez [Insérer], puis sélectionnez [Formule] dans le symbole. Comme indiqué dans le cercle rouge dans l'image ci-dessous : 3. Sélectionnez ensuite [Insérer une nouvelle formule] ci-dessous. Comme indiqué dans le cercle rouge dans l'image ci-dessous : 4. Sélectionnez [Formule radicale], puis sélectionnez le signe racine approprié. Comme le montre le cercle rouge sur l'image ci-dessous :

      L'Université Tsinghua et Zhipu AI open source GLM-4 : lancent une nouvelle révolution dans le traitement du langage naturel L'Université Tsinghua et Zhipu AI open source GLM-4 : lancent une nouvelle révolution dans le traitement du langage naturel Jun 12, 2024 pm 08:38 PM

      Depuis le lancement du ChatGLM-6B le 14 mars 2023, les modèles de la série GLM ont reçu une large attention et une grande reconnaissance. Surtout après que ChatGLM3-6B soit open source, les développeurs sont pleins d'attentes pour le modèle de quatrième génération lancé par Zhipu AI. Cette attente a finalement été pleinement satisfaite avec la sortie du GLM-4-9B. La naissance du GLM-4-9B Afin de donner aux petits modèles (10B et moins) des capacités plus puissantes, l'équipe technique de GLM a lancé ce nouveau modèle open source de la série GLM de quatrième génération : GLM-4-9B après près de six mois de exploration. Ce modèle compresse considérablement la taille du modèle tout en garantissant la précision, et offre une vitesse d'inférence plus rapide et une efficacité plus élevée. L’exploration de l’équipe technique du GLM n’a pas

      Créer et exécuter des fichiers Linux '.a' Créer et exécuter des fichiers Linux '.a' Mar 20, 2024 pm 04:46 PM

      Travailler avec des fichiers dans le système d'exploitation Linux nécessite l'utilisation de diverses commandes et techniques qui permettent aux développeurs de créer et d'exécuter efficacement des fichiers, du code, des programmes, des scripts et d'autres éléments. Dans l'environnement Linux, les fichiers portant l'extension « .a » sont d'une grande importance en tant que bibliothèques statiques. Ces bibliothèques jouent un rôle important dans le développement de logiciels, permettant aux développeurs de gérer et de partager efficacement des fonctionnalités communes sur plusieurs programmes. Pour un développement logiciel efficace dans un environnement Linux, il est crucial de comprendre comment créer et exécuter des fichiers « .a ». Cet article explique comment installer et configurer de manière complète le fichier Linux « .a ». Explorons la définition, l'objectif, la structure et les méthodes de création et d'exécution du fichier Linux « .a ». Qu'est-ce que L

      Créez un agent en une phrase ! Robin Li : L'ère approche où tout le monde sera développeur Créez un agent en une phrase ! Robin Li : L'ère approche où tout le monde sera développeur Apr 17, 2024 pm 02:28 PM

      Le grand modèle bouleverse tout, et arrive finalement à la tête de cet éditeur. C'est aussi un Agent qui a été créé en une seule phrase. Comme ça, donnez-lui un article, et en moins d'une seconde, de nouvelles suggestions de titres sortiront. Par rapport à moi, on ne peut dire que cette efficacité est aussi rapide que l'éclair et aussi lente qu'un paresseux... Ce qui est encore plus incroyable, c'est que la création de cet Agent ne prend en réalité que quelques minutes. L'invite appartient à tante Jiang : Et si vous souhaitez également ressentir ce sentiment subversif, désormais, sur la base de la nouvelle plateforme intelligente Wenxin lancée par Baidu, chacun peut créer gratuitement son propre assistant intelligent. Vous pouvez utiliser les moteurs de recherche, les plates-formes matérielles intelligentes, la reconnaissance vocale, les cartes, les voitures et autres canaux écologiques mobiles Baidu pour permettre à davantage de personnes d'utiliser votre créativité ! Robin Li lui-même

      See all articles