Il existe deux (principales) types de listes en HTML: les listes à puces (non ordonnées) et les listes numérotées (ordonnées).

Non ordonné (ul)

Pour ajouter une liste à puces, vous devez utiliser la balise <ul> pour ouvrir la liste et </ul> pour la fermer. Chaque élément de la liste doit être entouré de la balise <li> pour ouvrir l'élément et </li> pour le fermer. Voici un exemple :

<ul>
	<li>Des patates</li>
	<li>De l'huile</li>
	<li>Une friteuse</li>
</ul>

Ordonné

Pour ajouter une liste numérotée, vous devez utiliser la balise <ol> pour ouvrir la liste et </ol> pour la fermer. Chaque élément de la liste doit être entouré de la balise <li> pour ouvrir l'élément et </li> pour le fermer. Voici un exemple :

<ol>
	<li>Couper les patates</li>
	<li>Préparer la friteuse</li>
	<li>Allumer la friteuse</li>
</ol>

Il est possible d'ajouter des sous-listes en imbriquant les balises <ul> ou <ol> dans les balises <li>, cela permet de créer des listes hiérarchiques, c'est-à-dire des listes de listes. Il est également possible d'utiliser des styles CSS pour personnaliser l'apparence des listes et des éléments de liste.

<ul>
	<li>
		Préparer le matériel
		<ol>
			<li>Couper les patates</li>
			<li>Préparer la friteuse</li>
			<li>Allumer la friteuse</li>
		</ol>
	</li>
	<li>
		Dresser la table
		<ol>
			<li>Placer les assiettes</li>
			<li>Placer les couverts</li>
		</ol>
	</li>
	<li>Manger</li>
</ul>

Liste de définition

Les balises <dl>, <dt> et <dd> sont utilisées pour créer des listes de définition. Une liste de définition est utilisée pour décrire un terme ou une expression et sa définition correspondante.

1. Pour utiliser une liste de définition, vous devez utiliser la balise <dl> pour ouvrir la liste et </dl> pour la fermer.
2. Pour ajouter un terme ou une expression, vous devez utiliser la balise <dt> pour ouvrir le terme et </dt> pour le fermer.
3. Pour ajouter la définition correspondante, vous devez utiliser la balise <dd> pour ouvrir la définition et </dd> pour la fermer.

<dl>
	<dt>HTML</dt>
	<dd>Hypertext Markup Language, est le langage utilisé pour créer des pages web.</dd>

	<dt>CSS</dt>
	<dd>Cascading Style Sheets, est utilisé pour décrire la présentation des documents HTML et XML.</dd>

	<dt>JavaScript</dt>
	<dd>est un langage de programmation de scripts principalement utilisé dans les pages web interactives.</dd>
</dl>

Il est important de noter que les éléments <dt> et <dd> doivent être utilisés à l'intérieur de la balise <dl> pour créer une liste de définition.