communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français
Maison > interface Web > tutoriel CSS > Type de liste HTML

Type de liste HTML

王林
Libérer： 2023-08-30 18:21:04
avant
1266 Les gens l'ont consulté

Il existe trois types de listes en HTML -

  • Liste non ordonnée

      Cette liste comporte des éléments de liste à puces et aucun élément de liste à puces. commande spécifique.

    • Liste ordonnée

        Cette liste est utilisée pour les éléments de la liste ordonnée

      1. Liste de définition

        Cette liste est utilisée pour afficher les définitions des termes.

      Nous pouvons imbriquer ces listes et les styliser selon nos besoins. La propriété CSS list-style nous aide à styliser les éléments de la liste. M La syntaxe de la grammaire

      Html list est la suivante -

      <type of list>
<li></li>
</type of list>
      Copier après la connexion

      L'exemple suivant illustre la liste html Demo 

      <!DOCTYPE html>
<html>
<head>
<style>
ul {
   background-color: papayawhip;
   list-style-type: square;
   font-style: italic;
}
ol {
   background-color: azure;
}
</style>
</head>
<body>
<ol>
<li>demo1</li>
<li>
demo 2
<ul>
<li>demo a</li>
<li>demo b</li>
</ul>
</li>
<li>demo 3</li>
</ol>
</body>
</html>
      Copier après la connexion

      Output

      Cela donne la sortie suivante-

      Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

      source：tutorialspoint.com
      Article précédent：Propriété CSS3 multi-colonnes de nombre de colonnes Article suivant：Propriété d'auto-alignement CSS
      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
      Derniers articles par auteur
      Derniers numéros
      function_exists() ne peut pas déterminer la fonction personnalisée Function test () {return true;} if (function_exists ('test')) {echo "le test est une ...
      Depuis 2024-04-29 11:01:01
      0
      3
      2050
      Comment afficher la version mobile de Google Chrome Bonjour professeur, comment puis-je changer Google Chrome en version mobile ?
      Depuis 2024-04-23 00:22:19
      0
      11
      2205
      La fenêtre enfant exploite la fenêtre parent, mais la sortie ne répond pas. Les deux premières phrases sont exécutables, mais la dernière ne peut pas être implémentée...
      Depuis 2024-04-19 15:37:47
      0
      1
      1862
      Il n'y a aucune sortie dans la fenêtre parent document.onclick = function(){ window.opener.document.write('Je suis la sortie de la fenêt...
      Depuis 2024-04-18 23:52:34
      0
      1
      1749
      Où sont les didacticiels sur la cartographie mentale CSS ? Didacticiel
      Depuis 2024-04-16 10:10:18
      0
      0
      1771
      Rubriques connexes
      Plus>
      Recommandations populaires
      Tutoriels populaires
      Plus>
      Tutoriels associés
      Recommandations populaires
      Derniers cours
      Derniers téléchargements
      Plus>
      effets Web
      Code source du site Web
      Matériel du site Web
      Modèle frontal