Exemple de tableau HTML :
| First Name | Last Name | Points |
|---|---|---|
| Jill | Smith | 50 |
| Eve | Jackson | 94 |
| John | Doe | 80 |
| Adam | Johnson | 67 |
Les tableaux sont définis par la balise
). Les lettres td font référence aux données du tableau, au contenu des cellules de données. Les cellules de données peuvent contenir du texte, des images, des listes, des paragraphes, des formulaires, des lignes horizontales, des tableaux, etc.
Exemple de tableau
|
Le navigateur s'affiche comme suit :
| row 1, cell 1 | row 1, cell 2 |
| row 2, cell 1 | row 2, cell 2 |
Si vous ne définissez pas l'attribut border, le tableau n'affichera pas de bordures. Parfois, cela est utile, mais la plupart du temps, nous souhaitons que la bordure soit visible.
Utilisez l'attribut border pour afficher un tableau avec des bordures :
Ligne 1, cellule 1
Ligne 1, cellule 2
L'en-tête du tableau est défini à l'aide de la balise
La plupart des navigateurs afficheront l'en-tête sous forme de texte gras et centré :
En-tête 1
En-tête 2
ligne 1, cellule 1
ligne 1, cellule 2
ligne 2, cellule 1
ligne 2, cellule 2
Le navigateur s'affiche comme suit :
| Header 1 | Header 2 |
|---|---|
| row 1, cell 1 | row 1, cell 2 |
| row 2, cell 1 | row 2, cell 2 |
| étiquette | Descriptif | ||||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
|
Définir le tableau |
|
|
Définir l'en-tête du tableau |
|
Définir les lignes du tableau |
|
|
Définir les cellules du tableau |
|
Définir le titre du tableau |
|
Groupes qui définissent les colonnes du tableau |
|
Définir les propriétés des colonnes du tableau |
|
Définir l'en-tête du tableau |
|
Définir le corps du tableau |
|
Définir le pied de page du tableau |
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!
Étiquettes associées：
source：php.cn
Article précédent：Introduction détaillée aux listes HTML
Article suivant：Une introduction détaillée aux images HTML
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Derniers numéros
Conversion automatique PX en erreur REM
<style>html { taille de police : calc(100vw / 3,75); }body { taille de la...
Depuis 2024-04-16 09:34:16
0
0
4687
Rubriques connexes
Plus>
|
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
