テーブルを作ろう１ | notキラキラ ☆簡単HTML講座

100万ポイント山分け！1日5回検索で1ポイントもらえる

000000

ホーム | 日記 | プロフィール

【フォローする】【ログイン】

テーブルを作ろう　１

☆テーブル
表として使うだけでなく、ページをレイアウトするのにとても役立ちます。テーブルタグを自由に使える事はホームページを自由に作ることができると言えます。

☆テーブル（縦1×横1テーブル）

ここに文字やデータを入れこむ
テーブルタグの基本

<Table Border>
<Tr><Td>ここに文字やデータを入れこむ
テーブルタグの基本</Td></Tr>
</Table>

※ちょっとした技
<Table Border>のBorderに="1"を加えてみよう
Border="2"、Border="3"…段々枠が太くなります！"0"は枠がなくなります
最大10まで枠を太く出来ます<Table Border="10">

☆テーブル（縦3×横3テーブル）

1列1行	2列1行	3列1行
1列2行	2列2行	3列2行
1列3行	2列3行	3列3行

<Table Border>
<Tr>
<Td>1列1行</Td><Td>2列1行</Td><Td>3列1行</Td></Tr>
<Tr>
<Td>2列2行</Td><Td>2列2行</Td><Td>3列2行</Td></Tr>
<Tr>
<Td>1列3行</Td><Td>2列3行</Td><Td>3列3行</Td></Tr>
</Table>

☆テーブル全体の大きさ

<Table Border Cellspacing="セルとセルの間">
<Tr><Td>文字やデータを入れこむ</Td></Tr></Table>

文字やデータを入れこむ

＜Table Border Cellspacing="0"＞
＜Tr＞＜Td＞文字やデータを入れこむ＜/Td＞＜/Tr＞＜/Table＞

文字やデータを入れこむ

＜Table Border Cellspacing="2"＞
＜Tr＞＜Td＞文字やデータを入れこむ＜/Td＞＜/Tr＞＜/Table＞

文字やデータを入れこむ

＜Table Border Cellspacing="5"＞
＜Tr＞＜Td＞文字やデータを入れこむ＜/Td＞＜/Tr＞＜/Table＞

文字やデータを入れこむ

＜Table Border Cellspacing="10"＞
＜Tr＞＜Td＞文字やデータを入れこむ＜/Td＞＜/Tr＞＜/Table＞

☆線に色をつける

文字やデータを入れこむ

＜Table Border Bordercolor="#000080" Cellspacing="0"＞
＜Tr＞＜Td＞文字やデータを入れこむ＜/Td＞＜/Tr＞＜/Table＞

文字やデータを入れこむ

＜Table Border Bordercolor="#000080" Cellspacing="1"＞
＜Tr＞＜Td＞文字やデータを入れこむ＜/Td＞＜/Tr＞＜/Table＞