枠のない表の作り方
以下のタグを使ったら、表組みを簡単に作れまっせ。
<TABLE></TABLE> → 表組み宣言
(表組の最初と最後に書く)
<TR> → [行]を作る
(行の最初に書く)
<TD></TD> → [列]を作る
(項目をはさんで書く)
(例)
<TABLE>
<TR><TD>高さ</TD><TD>10m</TD>
<TR><TD>幅</TD><TD>20m</TD>
<TR><TD>長さ</TD><TD>60m</TD>
<TR><TD>完成予定</TD><TD>12/1</TD>
</TABLE>
↓
枠付きの表の作り方
<TABLE></TABLE>のかわりに
<TABLE BORDER></TABLE>
で表組み宣言をするだけで、表に枠が付きます。
(例)
<TABLE BORDER>
<TR><TD>高さ</TD><TD>10m</TD>
<TR><TD>幅</TD><TD>20m</TD>
<TR><TD>長さ</TD><TD>60m</TD>
<TR><TD>完成予定</TD><TD>12/1</TD>
</TABLE>
↓
また、<TD></TD>の代わりに<TH></TH>を使ったら、
文字が強調表示&センタリングされます。
(例)
<TABLE BORDER>
<TR><TH>高さ</TH><TD>10m</TD>
<TR><TH>幅</TH><TD>20m</TD>
<TR><TH>長さ</TH><TD>60m</TD>
<TR><TH>完成予定</TH><TD>12/1</TD>
</TABLE>
↓
複雑な表の作り方
★ 列をまたぐセルを作る
<TH>(<TD>)の代わりに、
<TH COLSPAN=またぐ列数>(または <TD COLSPAN=またぐ列数>)を使う。
(例)
<TABLE BORDER>
<TD COLSPAN=2>○○○建築予定</TD> ← 行頭の<TR>は、なくてもOK
<TR><TH>高さ</TH><TD>10m</TD>
<TR><TH>幅</TH><TD>20m</TD>
<TR><TH>長さ</TH><TD>60m</TD>
<TR><TD>完成予定</TD><TD>12/1</TD>
</TABLE>
↓
| ○○○建築予定 | | 高さ | 10m |
|---|
| 幅 | 20m |
|---|
| 長さ | 60m |
|---|
| 完成予定 | 12/1 |
★ 行をまたぐセルを作る
<TH>(<TD>)の代わりに、
<TH ROWSPAN=またぐ列数>(または <TD ROWSPAN=またぐ列数>)を使う。
(例)
<TABLE BORDER>
<TD ROWSPAN=4>○○○建築予定</TD> ← 行頭の<TR>は、なくてもOK
<TH>高さ</TH><TD>10m</TD> ← ここまでが1行目なので、<TR>を書かない
<TR><TH>幅</TH><TD>20m</TD>
<TR><TH>長さ</TH><TD>60m</TD>
<TR><TD>完成予定</TD><TD>12/1</TD>
</TABLE>
↓
| ○○○建築予定 | 高さ | 10m | | 幅 | 20m |
|---|
| 長さ | 60m |
|---|
| 完成予定 | 12/1 |
★ 表を文章中に侵入させる
画像の時と同じように、<TABLE BORDER>の代わりに
<TABLE BORDER ALING="LEFT">(左側に侵入)や
<TABLE BORDER ALING="RIGHT">(右側に侵入)を使ったらできます。