Comment créer une liste non ordonnée sans puces en HTML ?-tutoriel HTML-php.cn

Comment créer une liste non ordonnée sans puces en HTML ?

WBOY

Libérer： 2023-09-06 19:41:05

avant

1479 Les gens l'ont consulté

Comment créer une liste non ordonnée sans puces en HTML ?

Une liste non ordonnée est une liste non ordonnée d'éléments marqués de points, de cercles, de cercles pleins et de carrés. Il vous permet de contrôler la liste contextuellement. Nous permet de regrouper un ensemble d’éléments associés dans une liste.

HTML prend en charge les listes ordonnées et les listes non ordonnées. Nous devons utiliser la balise

pour créer une liste non ordonnée. La balise
définit une liste non ordonnée. Nous utilisons la balise

pour démarrer la liste des projets. Les listes d'éléments peuvent être étiquetées sous forme de points, de carrés, de cercles pleins et de cercles ouverts.

Par défaut, les éléments de la liste en contexte sont marqués par des puces.

Placez la balise
à l'intérieur de la balise
pour créer une liste d'éléments.
Nous utilisons l'attribut type de la balise
pour créer une liste non ordonnée avec des nombres.
Nous utilisons la propriété CSS list-style-type pour définir le style des éléments de liste non ordonnés.

Grammaire

Voici la syntaxe pour créer une liste non ordonnée sans puces en HTML.

<ul style="list-style-type: none">
   <li>Item in list…</li>
   <li>Item in list…</li>
   <li>Item in list…</li>
</ul>

Copier après la connexion

Exemple 1

se traduit par :

Exemple 1

Vous trouverez ci-dessous un exemple de création d'une liste non ordonnée sans puces en HTML.

<!DOCTYPE html>
<html>
<head>
   <meta charset="UTF-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
   <ul style="list-style-type: none">
      <li>Abdul</li>
      <li>Jason</li>
      <li>Yadav</li>
   </ul>
</body>
</html>

Copier après la connexion

Ce qui suit est le résultat de l'exemple de programme ci-dessus.

Exemple 2

Un autre exemple de création d'une liste non ordonnée en HTML sans puces−

<!DOCTYPE html>
<html>
<head>
   <title>HTML Unordered List</title>
</head>
<body>
   <h1>Developed Countries</h1>
   <p>The list of developed countries :</p>
   <ul style="list-style-type:none">
      <li>US</li>
      <li>Australia</li>
      <li>New Zealand</li>
   </ul>
</body>
</html>

Copier après la connexion

La sortie du code ci-dessus est -

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!