Cet exercice consiste à créer et à personnaliser des listes à puces ou des listes numérotées en HTML.
Consignes de l’exercice
Créez un nouveau dossier racine nommé html07-racine afin de stocker les fichiers de l’exercice.
Créez une nouvelle page HTML sous le nom page1.html en prenant soin de bien placer votre fichier dans le dossier racine créé précédemment.
Saisissez la structure de base suivante dans la page que vous venez de créer :
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Titre de la page</title>
</head>
<body>
</body>
</html>
Modifiez la page page1.html pour lui ajouter la liste à puce suivante :
- Ligne 1
- Ligne 2
- Ligne 3
À la suite du contenu de la page1.html, ajoutez la liste numérotée suivante :
- Ligne 1
- Ligne 2
- Ligne 3
À la suite du contenu de la page1.html, ajoutez la liste numérotée suivante :
- Ligne 1
- Ligne 2
- Ligne 3
Créez une nouvelle page html avec le nom page2.html.
Modifiez le fichier page2.html, ajoutez la liste imbriquée suivante :
- Ligne 1
- Ligne 1.1
- Ligne 1.2
- Ligne 1.3
- Ligne 2
- Ligne 3
- Ligne 3.1
- Ligne 3.2
- Ligne 3.3
À la suite du contenu de la page2.html, ajoutez la liste imbriquée suivante :
- Ligne 1
- Ligne 1.1
- Ligne 1.1.1
- Ligne 1.1.2
- Ligne 1.1.3
- Ligne 1.2
- Ligne 1.3
- Ligne 1.3.1
- Ligne 1.3.2
- Ligne 1.1
- Ligne 2
- Ligne 3
- Ligne 3.1
- Ligne 3.2
- Ligne 3.2.1
- Ligne 3.2.2
- Ligne 3.2.3
- Ligne 3.3