Latest web development tutorials
×

HTML コース

HTML コース HTML 簡単な紹介 HTML エディタ HTML ファウンデーション HTML 要素 HTML プロパティ HTML 見出し HTML 段落 HTML テキストの書式設定 HTML リンク HTML ヘッド HTML CSS HTML 画像 HTML テーブル HTML リスト HTML ブロック HTML レイアウト HTML フォーム HTML フレーム HTML カラー HTML 色名 HTML カラー値 HTML スクリプト HTML 文字エンティティ HTML URL HTML クイックリスト HTML サマリー XHTML入門

HTML5

HTML5 コース HTML5 ブラウザのサポート HTML5 新要素 HTML5 Canvas HTML5 インライン SVG HTML5 MathML HTML5 ドラッグ・アンド・ドロップ HTML5 地理的な位置 HTML5 ビデオ(Video) HTML5 可聴周波数(Audio) HTML5 Input タイプ HTML5 フォーム要素 HTML5 フォームのプロパティ HTML5 セマンティック要素 HTML5 Web メモリ HTML5 Web SQL HTML5 アプリケーションキャッシュ HTML5 Web Workers HTML5 SSE HTML5 WebSocket HTML5 クイズ HTML(5)コードの仕様

HTML メディア

HTML メディア(Media) HTML ウィジェット HTML 可聴周波数(Audio) HTML ビデオプレーヤー(Videos) HTML 例

HTML リファレンスマニュアル

HTML タグリスト(アルファベット順に) HTML タグリスト(ソート機能) HTML プロパティ HTML イベント HTML キャンバス HTML 可聴周波数/ビデオ HTML 効果的な DOCTYPES HTML 色名 HTML カラーピッカー HTML 文字セット HTML ASCII HTML ISO-8859-1 HTML シンボル HTML URL コーディング HTML 言語コード HTTP ニュース HTTP ウェイ キーボードショートカット

HTMLテーブル

HTMLテーブルインスタンス:

名前 点数
ジル スミス 50
イブ ジャクソン 94
ジョン ドウ 80
アダム ジョンソン 67


例

オンラインの例

テーブル
この例では、HTMLドキュメント内のテーブルを作成する方法を示します。

(このページの下部にあるより多くの例を見つけることができます。)


HTMLテーブル

<表>タグで定義されたフォーム。 各テーブルには、(<TR>タグで定義された)行の数は、各行が(<TD>タグで定義された)細胞の数に分割されています。 テーブルデータ(テーブルデータ)TD文字の内容を参照し、それは、データセルです。 データセルは、というように、テキスト、画像、リスト、段落、フォーム、水平、テーブルとを含めることができます。

表インスタンス

<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>

ブラウザは次のように表示され::

行1、セル1 行1、セル2
行2、セル1 行2、セル2


HTMLのテーブルやボーダーのプロパティ

あなたが境界線を定義しない場合、テーブルは表示されません属性。 時々これは便利ですが、時間のほとんどは、我々は境界線を表示したいです。

境界線を持つ表を表示するには、borderプロパティを使用します。

<table border="1">
<tr>
<td>Row 1, cell 1</td>
<td>Row 1, cell 2</td>
</tr>
</table>


HTMLテーブルヘッダ

<番目>タグを使用して、テーブルヘッダが定義されています。

ほとんどのブラウザは、中心太字のヘッダーテキストが表示されます。

<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>

ブラウザは次のように表示されます

ヘッダー1 ヘッダー2
行1、セル1 行1、セル2
行2、セル1 行2、セル2


例

より多くの例

いいえ境界テーブルません
この場合は、テーブルの枠線を示しませんでした。

テーブルヘッダ(見出し)
この例では、テーブルのヘッダーを表示する方法を示します。

見出しと表
この例では、フォームのタイトル(キャプション)で示しています

列またはテーブルセルを横断インターバンク
この例では、クロスやテーブルセルの列を横切っを定義する方法を示しています。

テーブル内のタグ
この例では、異なる要素内の要素を表示する方法を示します。

セルのパディング(セルパディング)
この例では、間に空白セルの内容とその境界を作成するために、セルのパディングを使用する方法を示します。

セル間隔(セル間隔)
この例では、セル間の距離を増加させるためにセルの間隔を使用する方法を示します。


HTMLテーブルタグ

标签 描述
<table> 定义表格
<th> 定义表格的表头
<tr> 定义表格的行
<td> 定义表格单元
<caption> 定义表格标题
<colgroup> 定义表格列的组
<col> 定义用于表格列的属性
<thead> 定义表格的页眉
<tbody> 定义表格的主体
<tfoot> 定义表格的页脚