Maison > Article > interface Web > Comment créer une liste non ordonnée sans puces en HTML ?
Comment créer une liste non ordonnée sans puces en HTML ?
- WBOYavant
- 2023-09-06 19:41:051428parcourir
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
Nous utilisons l'attribut type de la balise
-
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>
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>
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>
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!