Latest web development tutorials

HTML balise <table>

Exemples

Une table de HTML simple, contenant deux à deux lignes:

<table border="1">
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>

Essayez »
(Pour plus d'exemples, voir le bas de la page)

support du navigateur

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Tous les principaux navigateurs prennent en charge la balise <table>.


définitions de balises et les instructions

<Table> définit un tableau HTML

Le tableau comprend un HTML <table> élément, un ou plusieurs <TR> , <TH> et <td> éléments.

<Tr> définit une ligne de table, <th> définit l'en-tête de table, élément <td> définit une cellule de tableau.

Des formes plus complexes peuvent également inclure HTML <caption>, <col>, <colgroup>, <thead>, <tfoot> et <tbody> élément.


Différences entre HTML 4.01 et HTML5

Dans HTML5 soutien seule propriété "frontière", et seulement permettre l'utilisation de la valeur "1" ou "."


propriété

属性 描述
align left
center
right
HTML5 不支持。HTML 4.01 已废弃。 规定表格相对周围元素的对齐方式。
bgcolor rgb(x,x,x)
#xxxxxx
colorname
HTML5 不支持。HTML 4.01 已废弃。 规定表格的背景颜色。
border 1
""
规定表格单元是否拥有边框。
cellpadding pixels HTML5 不支持。规定单元边沿与其内容之间的空白。
cellspacing pixels HTML5 不支持。规定单元格之间的空白。
frame void
above
below
hsides
lhs
rhs
vsides
box
border
HTML5 不支持。规定外侧边框的哪个部分是可见的。
rules none
groups
rows
cols
all
HTML5 不支持。规定内侧边框的哪个部分是可见的。
summary text HTML5 不支持。规定表格的摘要。
width pixels
%
HTML5 不支持。规定表格的宽度。


global Properties

Balise <table> prend en charge HTML propriétés globales .


Propriétés de l'événement

Balise <table> prend en charge les propriétés d'événements HTML .


Exemples

Essayez - Exemple

Tableau titre
Cet exemple montre comment afficher les en-têtes de table.

Les cellules vides
Cet exemple montre comment utiliser le «& nbsp;" aucune cellule de traitement de contenu.

Table avec rubriques
Cet exemple montre avec un titre (légende) forme.

Mots - clefs au sein de la table
Cet exemple montre comment afficher des éléments à l'intérieur d'autres éléments.

Interbank à travers des colonnes ou cellule de tableau
Cet exemple montre comment définir croix ou à travers les colonnes d'une cellule de tableau.


articles connexes

Tutoriel HTML: tableau HTML

Manuel HTML DOM Référence: le tableau Object