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>

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
S’abonner
Notification pour
guest

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

1 Commentaire
Le plus ancien
Le plus récent Le plus populaire
Commentaires en ligne
Afficher tous les commentaires
LAIB
LAIB
2 années il y a

Bonjour,

Super site pour s’entrainer . Explication claire. Grand merci pour vos efforts.