Maison  >  Article  >  interface Web  >  Type de liste HTML

Type de liste HTML

王林
王林avant
2023-08-30 18:21:041258parcourir

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>

      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>

      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!

      Déclaration:
      Cet article est reproduit dans:. en cas de violation, veuillez contacter admin@php.cn Supprimer