表・リストの作成

　まずはリストの作り方からいきましょう。

<UL>
<LI>箇条書き１
<LI>箇条書き２
<LI>箇条書き３
</UL>


　このようにすれば、箇条書きにできます。<LI>は何個使ってもかまいません。 ブラウザ上ではこのようになります。

  • 箇条書き１
  • 箇条書き２
  • 箇条書き３


　ただの点だけでは味気ないので番号を付けてみましょう。 <UL>〜</UL>の代わりに<OL>〜</OL>を使うとこうなります。

  1. 箇条書き１
  2. 箇条書き２
  3. 箇条書き３


　リストは入れ子にすることも出来ます。 例えば、

<UL>
<LI>箇条書き１
<LI>箇条書き２
<UL>
<LI>箇条書き２−１
<LI>箇条書き２−２
</UL>
<LI>箇条書き３
</UL>


のようにすると、

  • 箇条書き１
  • 箇条書き２
    • 箇条書き２−１
    • 箇条書き２−２
  • 箇条書き３


と、なります。 もちろん、何段階入れ子にしてもかまいませんし、<OL>〜</OL>でもできます。

　では、次に表の作り方です。例を使って説明します。

<TABLE BORDER=5 WIDTH=200>
<CAPTION>表（テーブル）の例</CAPTION>
<TR><TH>行＼列<TH>1列目<TH>2列目
<TR><TH>1行目<TD>1-1<TD>1-2
<TR><TH>2行目<TD>1-2<TD>2-2
</TABLE>


　ブラウザではこう表示されます。


表（テーブル）の例
行＼列1列目2列目
1行目1-11-2
2行目2-12-2



　<TABLE>〜</TABLE>で 表を定義し、<TR>で行、 <TD>でセル（区切られた一つの空間）を定義します。 <TD>の代わりに<TH>を使うと、太字＆センタリングになります。 また、<CAPTION>で表にタイトルをつけることができます。 BORDER=5は枠の太さが5、WIDTH=200は表の幅が200であることを示しています。 もちろん、値は自由に変えられます。

　<TABLE>と<TD>,<TD>には他にBGCOLOR,BACKGROUNDのオプションもあります。 <TABLE>では表全体、<TD>,<TD>ではセルごとに適用されます。