Maison > Article > interface Web > Quels sont les attributs du tableau HTML ? Résumé de 10 attributs de base des tableaux HTML
Quels sont les attributs du tableau HTML ? Résumé de 10 attributs de base des tableaux HTML
- 不言original
- 2018-07-27 14:45:1930833parcourir
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 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 . 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 Utilisé pour définir le corps du tableau Utilisé pour définir le pied de page du tableau de balisage et Avant html5, l'élément 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 Utilisé pour représenter une seule colonne du tableau. Il est recommandé d'utiliser . Utilisé pour définir le titre du tableau. Chaque tableau ne peut contenir qu'un seul élément 11. Exemple de code : Résultat d'exécution : Cellule sur plusieurs lignes Résultat d'exécution : Les cellules s'étendent sur des colonnes 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
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.
, à l'intérieur des balises
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
<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>
<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>
<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>
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!