１３．テーブルを横に並べて見よう♪

やってきました第１３回。
今回も、もう少しテーブルを掘り下げて見ようと思います。

よく「テーブルを横に並べるにはどうするのですかぁ？」
という質問があります。
下のような感じですよね？

abc
def
ghi
ABC
DEF
GHI

こちらが種明かしです。
別のテーブルの中にテーブルを入れています
abc
def
ghi
ABC
DEF
GHI

これは「入れ子」というテクニックを使っています。
さっそく下にサンプルを


サンプル

<html>
<head>
<title>サンプルそのじゅうに♪</title>
</head>
<body>
<table border=0>
　　<tr>
　　<td><table border=1>
　　　　<tr><th>名前</th><th>連絡先</th></tr>
　　　　<tr><td>鈴木</td><td>090-aaaa-bbbb</td></tr>
　　　　<tr><td>田中</td><td>090-cccc-dddd</td></tr>
　　　　<tr><td>渡辺</td><td>090-eeee-ffff</td></tr>
　　</table></td>
　　<td><table border=1>
　　　　<tr><th>名前</th><th>連絡先</th></tr>
　　　　<tr><td>鈴木</td><td>090-aaaa-bbbb</td></tr>
　　　　<tr><td>田中</td><td>090-cccc-dddd</td></tr>
　　　　<tr><td>渡辺</td><td>090-eeee-ffff</td></tr>
　　</table></td>
　　</tr>
</table>
</body>
</html>


次に入れ子のサンプル表示





というわけで、今回の「テーブルを横に並べて見よう♪」を終わります。
テーブルはまだまだ奥は深いのですので
いろいろなところで勉強して見てください。
さぁーて次回は・・・何しよう（笑
ネタ募集中です（笑


戻る 超簡単なHP作成講座 進む

女の子 ｜お絵かき掲示板 ｜ナスカ ｜iPhone修理