Maison > Article > interface Web > Introduction détaillée aux tableaux HTML
Introduction détaillée aux tableaux HTML
- 高洛峰original
- 2017-03-21 17:46:132071parcourir
Exemple de tableau HTML :
| First Name | Last Name | Points |
|---|---|---|
| Jill | Smith | 50 |
| Eve | Jackson | 94 |
| John | Doe | 80 |
| Adam | Johnson | 67 |
Tableau HTML
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 |
Attributs de tableau et de bordure HTML
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
En-tête du tableau HTML
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 |
Balise de tableau HTML
| é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! Déclaration： 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 Article précédent：Introduction détaillée aux listes HTMLArticle suivant：Introduction détaillée aux listes HTML Articles LiésVoir plus |