Latest web development tutorials

tableau HTML

Table HTML instance:

Prénom nom de famille points
Jill forgeron 50
Eve Jackson 94
Jean lapine 80
Adam Johnson 67


Exemples

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

<table border="1">
<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:

<table border="1">
<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é:

<table border="1">
<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


Exemples

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> 定义表格的页脚