テーブル(TABLE)タグ(TAGS)_HTML/Xhtml_Webページ制作の詳しい紹介

テーブルの基本構文

... - テーブルの定義
- テーブルのヘッダーを定義
元（表の特定データ）
枠線付きの表:

コードをコピーしますコードは次のとおりです:

食べ物 飲み物 甘い

td>ABC

Food	Drink	Sweet
A	B	C

枠線のない表:

コードをコピーします

コードは次のとおりです:

<表>ABC

Food	Drink	Sweet
A	B	C

複数の行と列にまたがるテーブル スパン

複数の列にまたがるテーブル要素

コードをコピー

コードは次のとおりです。 ;th>ドリンク SweetA BC

複数の行にまたがるテーブル要素

Morning Menu
Food	Drink	Sweet
A	B	C

コードをコピーします

コードは次のとおりです:

<表の境界線> モーニングメニュー 食事 A ドリンクB 甘い C

テーブルサイズの設定

枠線サイズの設定:

コードをコピー

コードは次のとおりです:

< ;td>A

食べ物	飲み物	甘い
B	C

Food	Drink	Sweet
A	B	C

<表の境界線の幅=# 高さ=#>

テーブルサイズ設定:

コードをコピー コードは次のとおりです:

<表の境界線の幅=170高さ=100>
食べ物飲み物甘い
< ;tr>ABC

Food	Drink	Sweet
A	B	C

<表の境界セルスペース=#>

テーブル要素のギャップ設定:

コードをコピーコードは次のとおりです:

AB

食べ物	飲み物	甘い

Food	Drink	Sweet
A	B	C

テーブル要素の内部空白設定:

コードをコピーしますコードは次のとおりです:

gt;

食べ物	飲み物	甘いもの
A	B	C

表内のテキストの配置/レイアウト

#=左、中央、右

コードをコピーしますコードは次のとおりです:

<表の境界線幅=160>

食べ物飲み物スイーツ

A
B
C/ td>

Food	Drink	Sweet
A	B	C

#=上、中央、下、ベースライン

コードをコピーしますコードは次のとおりです:

食べ物 飲み物
甘いもの
/th> その他

A
B
< ;td valign=bottom>C
D

Food	Drink	Sweet	Other
A	B	C	D

ページ上のテーブルの配置/レイアウト (フローティング テーブル)

<テーブル整列=左>

コードをコピーコードは次のとおりです:

食べ物	飲み物		甘い
A ;/td> ;	B	C

私のお気に入り...
チョコレートなど

Food	Drink	Sweet
A	B	C

私のお気に入り...
クッキー、チョコレートなど

。

<テーブル整列=右>

私のお気に入り...
クッキー、チョコレートなど。

#=スペース値

复制代

代码如下:

食べ物	飲み物		甘いもの
td>A	B	C

お気に入り...
;クッキー、チョコレートなど。

Food	Drink	Sweet
A	B	C

私のお気に入り...
クッキー、チョコレートなど。

表格の标题

... #=左、中央、右

复制代

代码如下:

< table border>
ランチ
フードドリンクスイーツ
ABC

Lunch

Food	Drink	Sweet
A	B	C

<本体>

#=上、下
valign=top がデフォルトです。

复制代码

代码如下:

ランチ

...

食べ物	飲み物	甘い
あ	B	C

ランチ

食べ物	ドリンク	スイーツ
A	B	C

Food	Drink	Sweet
A	B	C

ランチ