ここまでできる

横のセルの結合はタイトルなどに使いやすく、

縦の結合はレイアウトや合計値を表示するときに目をひくという効果があります。

<TABLE border=1 width=300>
<TBODY>
<TR>
<TD colSpan=2></TD>
<TD></TD></TR>
<TR>
<TD></TD>
<TD></TD>
<TD rowSpan=2></TD></TR>
<TR>
<TD></TD>
<TD></TD></TR></TBODY></TABLE>

横の結合にはcolSpan、縦の結合にはrowSpanを使用します。

<TD>の数に注意が必要です。

表作成で作った表

タグを打ち込んで作った表

表は

widthで横幅の指定

Heightで高さの指定

ができる。

使用するタグ

<TABLE>

<TABLE border=1 borderColor=#000000 width=300 height=30>

のように指定する。

※補足※

borderは線の幅を指定している。borderColorは線の色をしている。

<TABLE border=1 bgColor=#ff0000>
<TBODY>
<TR>
<TD>背景色</TD>
<TD bgColor=#ffffff>白</TD>
<TD bgColor=#0066ff>青</TD></TR>
<TR>
<TD></TD>
<TD></TD>
<TD></TD></TR></TBODY></TABLE>

テーブル全体を指定する時には<TABLE>タグにbgColorで指定する。

bgColorは「background　color」の略で背景色を指定する時に使用するものです。

1つのセルだけを指定する場合は<TD>タグにbgColorで指定する。

色の指定方法は文字と同じで16進法のコードか色の名前で指定する。

使用タグ

<ul>

<li>で頭にマーク付きのリスト

<ul>
<LI>リスト1</LI>
<LI>リスト2</LI>
<LI>リスト3</LI></ul>

表示結果

• リスト1
• リスト2
• リスト3

<ol>

<li>で頭に数字付きのリスト

<ol>
<LI>リスト1</LI>
<LI>リスト2</LI>
<LI>リスト3</LI></ol>

表示結果

1. リスト1
2. リスト2
3. リスト3