Les tableaux en HTML HTML04

Cet exercice consiste à créer des tableaux en HTML.

Consignes de l’exercice

Créez un dossier racine intitulé html04-racine à l’emplacement de votre choix.

Créez une nouvelle page HTML tableau.html dans le dossier racine avec le code suivant :

                <!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Titre de la page</title>
<style type="text/css">
/* Ajout de bordures sur les tableaux en CSS */
table {
border-collapse: collapse;
}
td, th {
border: 1px solid black;
}
</style>
</head>
<body>
</body>
</html>

Remarque
Les lignes 6 à 14 permettent d’ajouter des bordures en CSS aux tableaux que vous allez créer dans cet exercice.

Créez le tableau suivant sur la page tableau1.html.

Aperçu du tableau 1

Créez le tableau suivant en précisant que la première ligne est une ligne d’en-tête.

Aperçu du tableau 2

Créez le tableau suivant en séparant l’en-tête, le corps et le pied (à ajouter) du tableau.

Aperçu du tableau 3

Créez le tableau suivant en fusionnant des cellules sur plusieurs colonnes.

Aperçu du tableau 4

Créez le tableau suivant en fusionnant des cellules sur plusieurs lignes.

Aperçu du tableau 5

Correction de l’exercice

Correction

Cela peut vous intéresser :

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.