Après avoir appris tant de balises HTML qui contrôlent l'affichage des pages Web, les lecteurs peuvent initialement créer des pages d'articles purs. Cette section apprend les éléments de la liste dans HTML. Le formulaire de liste représente une proportion relativement importante de conception de sites Web, et les informations d'affichage sont très soignées et intuitives, ce qui est facile à comprendre pour les utilisateurs. Le rôle avancé des éléments de la liste sera largement utilisé dans l'apprentissage ultérieur du style CSS.
4.4.1 Composition structurelle de la listeL'élément de liste de HTML est une structure entourée d'une balise de liste, et les éléments de liste contenus sont composés de <li> </li>. La structure spécifique est illustrée à la figure 4.17.
4.4.2 Faire une liste non ordonnéeComme son nom l'indique, une liste non ordonnée est un formulaire de liste dans lequel les éléments de liste de la structure de la liste n'ont pas d'ordre. La plupart des applications Web utilisent des listes non ordonnées et leurs balises de liste sont <ul> </ul>. La méthode d'écriture est la suivante:
<ul>
<li> Élément de l'élément 1 </li>
<li> Élément de la liste 2 </li>
<li> Élément de la liste 3 </li>
<li> Élément de la liste 4 </li>
<li> Élément de la liste 5 </li>
</ul>
4.4.3 Faire une liste commandéeComme son nom l'indique, une liste ordonnée signifie que les éléments de la liste de la structure de la liste ont une séquence de listes. De haut en bas, il peut y avoir divers numéros de séquence, tels que 1, 2, 3 ou A, B, C, etc. Créez un fichier de page Web dans le répertoire d: / web /, nommé 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
<html>
<adal>
<Title> Liste des paramètres </TITME>
</ head>
<body>
<Font Size = 5>
Technologie de réception Web
<ul>
<li> html </li>
<li> CSS </li>
<li> javascript </li>
<li> Flash </li>
</ul>
Apprentissage de l'arrière-plan
<l>
<li> asp </li>
<li> asp.net </li>
<li> php </li>
<li> CGI </li>
<li> Ruby </li>
<li> Python </li>
</l>
</font>
</docy>
</html>
Entrez http: //localhost/ul_ol.htm dans la barre d'adresse du navigateur, et l'effet de navigation est illustré à la figure 4.18.
Figure 4.18 Paramètres de la liste