Introduction à la syntaxe et aux attributs associés des tableaux HTML (avec code)

Le contenu de cet article est une introduction à la syntaxe et aux attributs associés des tableaux HTML (avec code). Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer.

1. Syntaxe

<table>
    <tr>
        <td></td>
        <td></td>
    </tr></table>

Remarque : Une paire de tr représente une ligne ; une paire de td représente une colonne (une cellule)

2. Tableau de données Attributs associés
1) width="largeur du tableau"

2) height="hauteur du tableau"

3) border="bordure du tableau"

4) bordercolor=”border color”

5) cellpacing=”espacement entre les cellules”

6) cellpadding=”espace entre les cellules et le contenu”

7) align="alignement de la table" Valeurs : gauche, droite, centre,
valign="alignement vertical" topbottommiddle

8) Attributs de cellule fusionnés :
Fusionner les colonnes : colspan="Nombre de colonnes de cellules à fusionner"
Fusionner les lignes : rowspan="Le nombre de lignes de cellules à fusionner"
colspan="Le nombre de colonnes de cellules à fusionner"
rowspan="Le nombre de lignes de cellules à fusionner"

Exemple :

……<table width="200" border="1">
  <tr>
    <td colspan="3">学生成绩</td>
  </tr>
  <tr>
    <td rowspan="2">张三</td>
    <td>语文</td>
    <td>98</td>
  </tr>
  <tr>
    <td>数学</td>
    <td>95</td>
  </tr>
  ....代码同上两行....</table>……

Recommandations associées :

Élément de table HTML

Tableau HTML et list_html /css_WEB- ITnose

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!