HPを作成する上で重要なテーブル。
そのテーブルの示す意味とはズバリ「表」のことです。
テクニックとアイディアが必要となります。


テーブルを作る。

<table border="1">
<tbody>
<tr>
<td>〜〜〜。</td>
</tr>
</tbody>
</table>
 <td></tb>…列（横マス）
<tr></tr>…行（縦マス）

<td></tb>で横マスを作ったら
<tr></tr>で囲み行を増やします。
頭で考えるよりよりとりあえず流れを見た方が解り易いと思います。

-使用例-



ソース　（テスト書き込み可）

あなたのホームページ　- Internet Explorer
ファイル(F)　編集(E)　表示(V)　お気に入り(A)　ツール(T)　ヘルプ(H)
ホームページ作成中。頑張ります！


表


列を増やす。

<table border="1">
<tbody>
<tr>
<td>〜〜〜。</td>
<td>〜〜〜。</td>
</tr>
</tbody>
</table>
<td></td>…列（横マス）
<tr></tr>…行（縦マス）

-使用例-




ソース　（テスト書き込み可）

あなたのホームページ　- Internet Explorer
ファイル(F)　編集(E)　表示(V)　お気に入り(A)　ツール(T)　ヘルプ(H)
ホームページ作成中。頑張ります！


１ ２ ３

行を増やす。

<table border="1">
<tbody>
<tr>
<td>〜〜〜。</td>
</tr>
<tr>
<td>〜〜〜。</td>
</tr>
</tbody>
</table>
<td></tb>…列（横マス）
<tr></tr>…行（縦マス）

-使用例-




ソース　（テスト書き込み可）

あなたのホームページ　- Internet Explorer
ファイル(F)　編集(E)　表示(V)　お気に入り(A)　ツール(T)　ヘルプ(H)
ホームページ作成中。頑張ります！


１ ２ ３
４ ５ ６
テーブルの色を指定。

<table bgcolor="◇" border="1">
◇＝カラーコード　（カラーコード生成）

-使用例-




ソース　（テスト書き込み可）

あなたのホームページ　- Internet Explorer
ファイル(F)　編集(E)　表示(V)　お気に入り(A)　ツール(T)　ヘルプ(H)
ホームページ作成中。頑張ります！


１ ２ ３
４ ５ ６
行の色指定。

<tr bgcolor="◇"></tr>
◇＝カラーコード　（カラーコード生成）

-使用例-




ソース　（テスト書き込み可）

あなたのホームページ　- Internet Explorer
ファイル(F)　編集(E)　表示(V)　お気に入り(A)　ツール(T)　ヘルプ(H)
ホームページ作成中。頑張ります！


１ ２ ３
４ ５ ６




セル（マス）の色指定。

<td bgcolor="◇">
◇＝カラーコード　（カラーコード生成）

-使用例-




ソース　（テスト書き込み可）

あなたのホームページ　- Internet Explorer
ファイル(F)　編集(E)　表示(V)　お気に入り(A)　ツール(T)　ヘルプ(H)
ホームページ作成中。頑張ります！


１ ２ ３
４ ５ ６
表の枠幅を指定。

<table border="★">
★＝枠線の太さ

-使用例-




ソース　（テスト書き込み可）

あなたのホームページ　- Internet Explorer
ファイル(F)　編集(E)　表示(V)　お気に入り(A)　ツール(T)　ヘルプ(H)
ホームページ作成中。頑張ります！


１ ２ ３
４ ５ ６
外枠の色を指定する。

<table bordercolor="◇">
◇＝カラーコード　（カラーコード生成）

-使用例-




ソース　（テスト書き込み可）

あなたのホームページ　- Internet Explorer
ファイル(F)　編集(E)　表示(V)　お気に入り(A)　ツール(T)　ヘルプ(H)
ホームページ作成中。頑張ります！


１ ２ ３
４ ５ ６









Copyright (C) 2006 タグの絵本 All rights reserved.
→index「タグの絵本」