Scribd
Importer
71 vues2 pages

Création d'un tableau HTML simple

Le document décrit la création d'un tableau HTML simple avec 4 lignes et 3 colonnes contenant des noms, âges et villes. Il inclut des instructions pour l'ajout de bordures, d'un titre et de cellules fusionnées.

Transféré par

yamina ghobni
Copyright
© © All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats PDF, TXT ou lisez en ligne sur Scribd
71 vues2 pages

Création d'un tableau HTML simple

Le document décrit la création d'un tableau HTML simple avec 4 lignes et 3 colonnes contenant des noms, âges et villes. Il inclut des instructions pour l'ajout de bordures, d'un titre et de cellules fusionnées.

Transféré par

yamina ghobni
Copyright
© © All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats PDF, TXT ou lisez en ligne sur Scribd

Dr .

Yamina GHOBNI Polytechnique Sousse 23-24

TP3 : Création d’un tableau en HTML


Objectif : Créer un tableau HTML simple avec des données.

 Créez un nouveau fichier HTML nommé "tableau.html" en utilisant un éditeur de texte.


 Dans le fichier HTML, créez un tableau avec les caractéristiques suivantes :
o 4 lignes
o 3 colonnes
o Une bordure de 1 pixel autour du tableau pour une meilleure lisibilité.
 Remplissez le tableau avec les données suivantes :
o Utilisez les balises <table>, <tr> ou <thead> (pour les rangées), <th> (pour les en-têtes de
colonne), et <td> (pour les cellules de données).
o Utilisez l'attribut border="1" dans la balise <table> pour ajouter des bordures au tableau.

Nom Âge Ville

Alice 25 New York

Bob 30 Los Angeles

Charlie 22 Chicago

David 28 Miami

 Ajoutez un titre au tableau en utilisant la balise <caption>. Le titre du tableau devrait être « Liste des
étudiants 2ème LBI »
 Sauvegardez votre fichier et ouvrez-le dans un navigateur pour vérifier que le tableau s'affiche
correctement.
 Utilisez rowspan et colspan pour fusionner des cellules lorsque cela est nécessaire. Voici un exemple
partiel du contenu du tableau :
Dr .Yamina GHOBNI Polytechnique Sousse 23-24

Informations personnelles

Nom Âge Ville Niveau

Alice 25 New York

Bob 30 Los Angeles

2LBI
Charlie 22 Chicago

David 28 Miami

Vous aimerez peut-être aussi