tableau HTML
Table HTML instance:
Prénom | nom de famille | points |
---|---|---|
Jill | forgeron | 50 |
Eve | Jackson | 94 |
Jean | lapine | 80 |
Adam | Johnson | 67 |
exemples en ligne
table
Cet exemple montre comment créer une table dans un document HTML.
(Vous pouvez trouver plus d'exemples au bas de cette page.)
tableau HTML
Formulaire défini par balise <table>. Chaque table a un certain nombre de lignes (défini par balise <tr>), chaque ligne est divisée en un certain nombre de cellules (défini par la balise <td>). Fait référence au contenu du courrier td données de table (données de la table), qui est, la cellule de données. cellule de données peut contenir du texte, des images, des listes, des paragraphes, des formes, horizontal, tables et ainsi de suite.
Table instance
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>
Le navigateur affiche les éléments suivants ::
ligne 1, la cellule 1 | ligne 1, cellule 2 |
ligne 2, la cellule 1 | ligne 2, la cellule 2 |
tables HTML et propriétés de bordure
Si vous ne définissez pas la frontière attribuer la table ne sera pas affiché. Parfois, cela est utile, mais la plupart du temps, nous voulons montrer la frontière.
Utilisez la propriété border pour afficher un tableau avec des frontières:
<tr>
<td>Row 1, cell 1</td>
<td>Row 1, cell 2</td>
</tr>
</table>
HTML tête de table
tête de tableau en utilisant le <th> est défini.
La plupart des navigateurs affichent le texte d'en-tête en gras centré:
<tr>
<th>Header 1</th>
<th>Header 2</th>
</tr>
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>
Le navigateur affiche les éléments suivants:
En-tête 1 | En-tête 2 |
---|---|
ligne 1, la cellule 1 | ligne 1, cellule 2 |
ligne 2, la cellule 1 | ligne 2, la cellule 2 |
D'autres exemples
Pas de table de frontière
Cette affaire n'a pas démontré une frontière de table.
Table - tête (titre)
Cet exemple montre comment afficher l'en-tête de table.
Table avec rubriques
Cet exemple montre avec un titre (légende) de la forme
Interbank à travers des colonnes ou cellule de tableau
Cet exemple montre comment définir croix ou à travers les colonnes d'une cellule de tableau.
Mots - clefs au sein de la table
Cet exemple montre comment afficher des éléments dans les différents éléments.
Cellule padding (Cell padding)
Cet exemple montre comment utiliser le rembourrage cellulaire pour créer un contenu de cellule vide et ses frontières entre les deux.
Espacement des cellules (espacement des cellules)
Cet exemple illustre l'utilisation de l'espacement entre les cellules pour augmenter la distance entre les cellules.
Balises HTML de table
标签 | 描述 |
---|---|
<table> | 定义表格 |
<th> | 定义表格的表头 |
<tr> | 定义表格的行 |
<td> | 定义表格单元 |
<caption> | 定义表格标题 |
<colgroup> | 定义表格列的组 |
<col> | 定义用于表格列的属性 |
<thead> | 定义表格的页眉 |
<tbody> | 定义表格的主体 |
<tfoot> | 定义表格的页脚 |