Tableau HTML
Les tableaux sont très courants dans notre vie quotidienne, mais comment afficher des tableaux dans nos pages Web ? La balise
| 1月份 | ￥100 |
| 二月份 | ￥200 |
cellspacing, la distance entre les cellules
cellpadding, la distance entre le texte et la bordure de la cellule sont en pixels
borderAjouter une bordure au texte Définir la bordure sur border=0 et le tableau n'affichera pas la bordure
Les trois valeurs d'attribut ci-dessuspeuvent être définies par vous-même selon vos propres besoinsEn-tête du tableau HTML
L'en-tête du tableau est défini à l'aide de la baliseExemple
php.cn
| 月份 | 金额 |
|---|---|
| 1月份 | ￥100 |
| 二月份 | ￥200 |
Résultats en cours d'exécution du programme :
colspan et rowspan
En ajoutant les attributs colspan et rowspan à la balise
instance
avant de fusionnerphp.cn
| 单元格 | 单元格 | 单元格 |
| 单元格 | 单元格 | 单元格 |
| 单元格 | 单元格 | 单元格 |
Après la fusion
php.cn
| 单元格 | 单元格 | |
| 单元格 | 单元格 | 单元格 |
| 单元格 | ||
Regardez les résultats de l'exécution du code :
Recherchez le motif
Plus Instances multiples
Cet exemple montre un tableau sans bordures.
php.cn 这个表格没有边框:
| 200 | 300 |
| 500 | 600 |
这个表格没有边框:
| 200 | 300 |
| 500 | 600 |
Résultats d'exécution du programme :
Exemple
Cet exemple Montre comment afficher des éléments dans différents éléments.
php中文网(php.cn)
| 这是一个段落 这是另一个段落 | 这个单元格包含一个表格:
| ||||
这个单元格包含一个列表
| HELLO |
Résultat de l'exécution du code :
Balise de table HTML
![Combat réel Front-end Vue3 [projet vue manuscrit]](https://img.php.cn/upload/course/000/000/068/639b12e98e0b5441.png)
![Tutoriel APIPOST [Vulgarisation des concepts techniques liés à la communication réseau]](https://img.php.cn/upload/course/000/000/068/63996f34c6c94370.png)
