Maison > interface Web > tutoriel HTML > le corps du texte

Le rôle des balises ul et li en HTML

下次还敢
Libérer: 2024-04-27 20:09:29
original
1130 Les gens l'ont consulté

La balise

ul représente une liste non ordonnée, où la balise li représente un seul élément de la liste et est utilisée pour créer une liste à puces ou numérique, avec du texte ou du contenu enveloppé dans la balise li.

Le rôle des balises ul et li en HTML

Le rôle des balises UL et Li

Ul Tag

  • représente une liste non ordonnée
  • est utilisée pour créer des listes à puces ou numériques
  • each List L'élément est enveloppé d'une étiquette Li

la balise li

  • représente un seul élément de liste dans une liste non ordonnée
  • contient le texte ou le contenu de l'élément de liste

Utilisation spécifique

Pour créer une liste non ordonnée, vous devez utiliser ce qui suit Code HTML :

<code class="html"><ul>
  <li>列表项 1</li>
  <li>列表项 2</li>
  <li>列表项 3</li>
</ul></code>
Copier après la connexion

Cela produira la liste suivante :

  • Élément de liste 1
  • Élément de liste 2
  • Élément de liste 3

Stylisation

Les listes non ordonnées peuvent être stylisées à l'aide de CSS pour modifier les puces, les polices et Couleur d’arrière-plan et autres éléments. Par exemple :

<code class="css">ul {
  list-style-type: square;
  font-size: 1.2rem;
  background-color: #f5f5f5;
}</code>
Copier après la connexion

Utilisations

Les listes non ordonnées sont souvent utilisées pour représenter :

  • L'ordre entre les éléments de la liste n'a pas d'importance
  • Liste des étapes
  • Liste des fonctionnalités ou des avantages
  • Liste du menu ou de la navigation articles

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!

Étiquettes associées:
css
source:php.cn
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal