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

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






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