Les paramètres d'attributs de tableau HTML sont largement utilisés dans les pages Web HTML et sont également cruciaux. Par conséquent, dans l'article suivant, je partagerai avec vous un résumé des 10 attributs de base des tableaux HTML. Discutons-en ci-dessous. à l'introduction et aux codes spécifiques de ces 10 attributs de table.
1. L'attribut de tableau HTML
est utilisé pour définir des tableaux HTML, avec l'attribut local border indiquant la valeur de la bordure. l'attribut doit être 1 ou la chaîne vide (""). Cet attribut ne contrôle pas le style de la bordure, mais est contrôlé par CSS
les éléments de table peuvent avoir des éléments tr, th, td, thead, tbody, tfoot, colgroup
. balises de table Les attributs de base sont les suivants :
border : Les valeurs possibles sont 1 et 0, 1 signifie qu'il y a une bordure, et 0 signifie qu'il n'y a pas de bordure.
bordercolor : Vous pouvez définir la couleur de la bordure, la valeur est la valeur de la couleur.
bgcolor : Définir la couleur d'arrière-plan du tableau
background : Définir l'image d'arrière-plan
2. Attribut html tr Une ligne utilisée pour définir un tableau. Étant donné que les tableaux HTML sont orientés lignes, chaque ligne doit être représentée séparément. Les éléments
tr peuvent être utilisés dans les éléments table, thead, tbody et tfoot.
les éléments tr peuvent contenir un ou plusieurs tds. . Ou le ème élément
et ses attributs align, bgcolor et autres sont obsolètes. Si vous souhaitez définir des attributs, veuillez utiliser les paramètres CSS
3. ;
Utilisé pour définir les cellules d'un tableau, peut être utilisé avec les attributs locaux colspan, rowspan, headers
(1) colspan : column span, cet attribut spécifie le nombre de colonnes que le la cellule peut s'étendre, la La valeur de l'attribut doit être un entier
(2) rowspan : row span Cet attribut spécifie le nombre de lignes que la cellule peut s'étendre. La valeur de cet attribut doit être un entier.
(3) en-têtes : La valeur de cet attribut est la valeur de l'attribut ID d'une ou plusieurs cellules, associant les cellules à des en-têtes de colonnes, et peut être utilisée avec des lecteurs d'écran
Remarque : Chaque tableau doit contenir les trois éléments ci-dessus
4. html th attribut |
Utilisé pour définir la cellule de titre, nous permettant de distinguer efficacement les données et leur description
Il a les mêmes attributs locaux que l'élément
|
La différence entre les deux est la suivante :
|
balise d’en-tête, généralement située dans la première ligne ou colonne. De plus, le texte dans |
sera en gras par défaut, mais |
ne le sera pas.
|
> L'attribut valign peut être défini sur th et td, et peut prendre la valeur Top ou Bottom. callpadding : la distance entre le contenu et la bordure de la cellule
Cellpacing : empêcher le texte de dépasser la bordure
Si vous souhaitez que la cellule traverse des lignes ou des colonnes, utilisez les attributs colspan et rowspan .
5. Attribut HTML thead
Utilisé pour définir l'en-tête du tableau et le wrapper de l'en-tête. Vous pouvez définir une ou plusieurs lignes, qui sont des étiquettes de colonnes d'éléments de tableau
Sans l'élément head, tous les tr sont supposés appartenir au corps principal du tableau
6. Attribut HTML tbody
|
Utilisé pour définir le corps du tableau
7. Attribut HTML tfoot
Utilisé pour définir le pied de page du tableau de balisage
Remarque :
,
la balise à l'intérieur des balises et
Quelle position dans l’étiquette sera déterminée respectivement comme étant la tête et le bas du tableau.
peut apparaître avant ou après
Avant html5, l'élément
doit apparaître avant l'élément
Derrière
8. L'attribut colgroup html
est utilisé pour définir des groupes de colonnes de tableau, qui peuvent être utilisé pour style Appliqué à une certaine colonne, bien sûr, vous pouvez également utiliser l'élément col
mentionné ci-dessous. Le
avec l'attribut local span indique le nombre de colonnes que le groupe de colonnes doit s'étendre. La valeur par défaut est une colonne, c'est-à-dire que la définition du style pour une colonne du tableau
peut contenir un ou plusieurs éléments 9. HTML attribut col Utilisé pour représenter une seule colonne du tableau. Il est recommandé d'utiliser
pour envelopper l'élément définir l'attribut span pour définir le groupe
A également l'attribut local span
;col> représente une colonne du groupe. Utilisez cette balise pour appliquer des styles à un groupe de colonnes et à une seule colonne du groupe 10 attribut de légende html
. Utilisé pour définir le titre du tableau. Chaque tableau ne peut contenir qu'un seul élément
11. Exemple de code :
<body>
<table border="1" bordercolor="red" bgcolor="#ff4646">
<caption>表格示例</caption>
<tr align="center">
<th>标题1</th>
<th>标题2</th>
<th>标题3</th>
</tr>
<tr>
<td align="left">左</td>
<td align="center">中</td>
<td align="right">右</td>
</tr>
<tr>
<td valign="top">top</td>
<td>center</td>
<td valign="bottom">bottom</td>
</tr>
</table>
</body>Copier après la connexion
Résultat d'exécution :
Cellule sur plusieurs lignes
<table border="1" bordercolor="#1f1fff">
<caption>单元格的跨行</caption>
<tr>
<th>姓名</th>
<th colspan="2">电话</th>
</tr>
<tr>
<td>php中文网</td>
<td>123456 654321</td>
</tr>
</table>Copier après la connexion
Résultat d'exécution :
Les cellules s'étendent sur des colonnes
<table border="1">
<caption>单元格跨列</caption>
<tr>
<th>姓名</th>
<th>电话</th>
</tr>
<tr>
<td rowspan="2">php中文网</td>
<td>123456</td>
</tr>
<tr>
<td>654231</td>
</tr>
</table>Copier après la connexion
Exécuter les résultats :
Recommandations associées :
Tableau HTML attributs_html/css_WEB-ITnose
Explication détaillée des attributs de cadre et de règles des tableaux de table en HTML
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!
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
