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

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.