表　を　作　る
 


 枠のない表の作り方

　以下のタグを使ったら、表組みを簡単に作れますよ。

　　<TABLE></TABLE>　→　表組み宣言
　　　（表組の最初と最後に書く）

　　<TR>　→　[行]を作る
　　　（行の最初に書く）

　　<TD></TD>　→　[列]を作る　　　　
　　　（項目をはさんで書く）

（例）

<TABLE>
<TR><TD>高さ</TD><TD>１０ｍ</TD>
<TR><TD>幅</TD><TD>２０ｍ</TD>
<TR><TD>長さ</TD><TD>６０ｍ</TD>
<TR><TD>完成予定</TD><TD>１２／１</TD>
</TABLE>

　　↓


高さ１０ｍ
幅２０ｍ
長さ６０ｍ
完成予定１２／１



 枠付きの表の作り方

　<TABLE></TABLE>のかわりに

　　<TABLE BORDER></TABLE>

　で表組み宣言をするだけで、表に枠が付きます。

（例）

<TABLE BORDER>
<TR><TD>高さ</TD><TD>１０ｍ</TD>
<TR><TD>幅</TD><TD>２０ｍ</TD>
<TR><TD>長さ</TD><TD>６０ｍ</TD>
<TR><TD>完成予定</TD><TD>１２／１</TD>
</TABLE>

　　↓


高さ１０ｍ
幅２０ｍ
長さ６０ｍ
完成予定１２／１



　また、<TD></TD>の代わりに<TH></TH>を使ったら、
　文字が強調表示＆センタリングされます。

（例）

<TABLE BORDER>
<TR><TH>高さ</TH><TD>１０ｍ</TD>
<TR><TH>幅</TH><TD>２０ｍ</TD>
<TR><TH>長さ</TH><TD>６０ｍ</TD>
<TR><TH>完成予定</TH><TD>１２／１</TD>
</TABLE>

　　↓


高さ１０ｍ
幅２０ｍ
長さ６０ｍ
完成予定１２／１



 複雑な表の作り方

　 列をまたぐセルを作る

　　<TH>（<TD>）の代わりに、
　　<TH COLSPAN="またぐ列数">（または <TD COLSPAN="またぐ列数">）を使う。

（例）

<TABLE BORDER>
<TD COLSPAN="2">○○○建築予定</TD>　←　行頭の<TR>は、なくてもＯＫ
<TR><TH>高さ</TH><TD>１０ｍ</TD>
<TR><TH>幅</TH><TD>２０ｍ</TD>
<TR><TH>長さ</TH><TD>６０ｍ</TD>
<TR><TD>完成予定</TD><TD>１２／１</TD>
</TABLE>

　　↓


○○○建築予定
高さ１０ｍ
幅２０ｍ
長さ６０ｍ
完成予定１２／１


　 行をまたぐセルを作る

　　<TH>（<TD>）の代わりに、
　　<TH ROWSPAN="またぐ列数">（または <TD ROWSPAN="またぐ列数">）を使う。

（例）

<TABLE BORDER>
<TD ROWSPAN="4">○○○建築予定</TD>　←　行頭の<TR>は、なくてもＯＫ
<TH>高さ</TH><TD>１０ｍ</TD>　←　ここまでが１行目なので、<TR>を書かない
<TR><TH>幅</TH><TD>２０ｍ</TD>
<TR><TH>長さ</TH><TD>６０ｍ</TD>
<TR><TD>完成予定</TD><TD>１２／１</TD>
</TABLE>

　　　↓


○○○建築予定高さ１０ｍ
幅２０ｍ
長さ６０ｍ
完成予定１２／１


　 表を文章中に侵入させる

　　画像の時と同じように、<TABLE BORDER>の代わりに
　　<TABLE BORDER ALING="LEFT">（左側に侵入）や
　　<TABLE BORDER ALING="RIGHT">（右側に侵入）を使ったらできます。
　

＜次に進む＞

ホームページ作成の部屋へ戻る ／ 趣味の部屋へ