HTMLテーブル
HTMLテーブルインスタンス:
名前 | 姓 | 点数 |
---|---|---|
ジル | スミス | 50 |
イブ | ジャクソン | 94 |
ジョン | ドウ | 80 |
アダム | ジョンソン | 67 |
オンラインの例
テーブル
この例では、HTMLドキュメント内のテーブルを作成する方法を示します。
(このページの下部にあるより多くの例を見つけることができます。)
HTMLテーブル
<表>タグで定義されたフォーム。 各テーブルには、(<TR>タグで定義された)行の数は、各行が(<TD>タグで定義された)細胞の数に分割されています。 テーブルデータ(テーブルデータ)TD文字の内容を参照し、それは、データセルです。 データセルは、というように、テキスト、画像、リスト、段落、フォーム、水平、テーブルとを含めることができます。
表インスタンス
<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>
ブラウザは次のように表示され::
行1、セル1 | 行1、セル2 |
行2、セル1 | 行2、セル2 |
HTMLのテーブルやボーダーのプロパティ
あなたが境界線を定義しない場合、テーブルは表示されません属性。 時々これは便利ですが、時間のほとんどは、我々は境界線を表示したいです。
境界線を持つ表を表示するには、borderプロパティを使用します。
<tr>
<td>Row 1, cell 1</td>
<td>Row 1, cell 2</td>
</tr>
</table>
HTMLテーブルヘッダ
<番目>タグを使用して、テーブルヘッダが定義されています。
ほとんどのブラウザは、中心太字のヘッダーテキストが表示されます。
<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>
ブラウザは次のように表示されます
ヘッダー1 | ヘッダー2 |
---|---|
行1、セル1 | 行1、セル2 |
行2、セル1 | 行2、セル2 |
より多くの例
いいえ境界テーブルません
この場合は、テーブルの枠線を示しませんでした。
テーブルヘッダ(見出し)
この例では、テーブルのヘッダーを表示する方法を示します。
見出しと表
この例では、フォームのタイトル(キャプション)で示しています
列またはテーブルセルを横断インターバンク
この例では、クロスやテーブルセルの列を横切っを定義する方法を示しています。
テーブル内のタグ
この例では、異なる要素内の要素を表示する方法を示します。
セルのパディング(セルパディング)
この例では、間に空白セルの内容とその境界を作成するために、セルのパディングを使用する方法を示します。
セル間隔(セル間隔)
この例では、セル間の距離を増加させるためにセルの間隔を使用する方法を示します。
HTMLテーブルタグ
标签 | 描述 |
---|---|
<table> | 定义表格 |
<th> | 定义表格的表头 |
<tr> | 定义表格的行 |
<td> | 定义表格单元 |
<caption> | 定义表格标题 |
<colgroup> | 定义表格列的组 |
<col> | 定义用于表格列的属性 |
<thead> | 定义表格的页眉 |
<tbody> | 定义表格的主体 |
<tfoot> | 定义表格的页脚 |