目次に戻る

リスト

番号付きリストとはリストの各項目に、 １から始まる番号を順につけたリストです。 これを作るには

<OL> <LI>番号ついてる？ <LI>番号付きリストのテスト </OL>

のように<OL>と</OL>で囲まれた範囲に <LI>で始まる各項目の内容を記述します。 これをブラウザで見ると以下のようになります。

番号ついてる？ 番号付きリストのテスト

リストは入れ子にすることもできます。例えば

<OL> <LI>最初の内容 <OL> <LI>入れ子のテスト１ <LI>入れ子のテスト２ </OL> <LI>次の内容 </OL>

のように記述すると

最初の内容 入れ子のテスト１ 入れ子のテスト２ 次の内容

のように、リストの中にさらにリストを入れることができます

これは一般的なリストで箇条書きのリストを作る時などに使われます。 このリストでは番号付きリスト番号の代わりにマークがつけられます。 このリストを作るには以下に示すように 番号付きリストの<OL>の代わりに <UL>使います。

<UL> <LI>１つめの内容 <LI>次の内容 </UL>

これをブラウザで見ると

１つめの内容 次の内容

のようになります。 これも番号付きリストと同じ様に、入れ子にすることができます。

定義型リストはある言葉とその定義を記述する時に便利なタグです。 これを用いて「WWW」とか「ブラウザ」という言葉の定義を 記述してみしょう。

<DL> <DT>WWW(World Wide Web) <DD>インターネットの中にクモの巣(web)のように リンクが張り巡らされた情報ツール <DT>WWWのブラウザ、ビューア <DD>NetscapeやInternet ExplorerなどのWWWの情報を見るツール </DL>

この結果は以下のようになります。

WWW(World Wide Web) インターネットの中にクモの巣(web)のように リンクが張り巡らされた情報ツール WWWのブラウザ、ビューア NetscapeやInternet ExplorerなどのWWWの情報を見るツール

テーブル(表組み)

HTMLで表を作るには以下のように <TABLE> タグを使います。

<TABLE>〜</TABLE> 枠線なし <TABLE BORDER>〜</TABLE> 枠線あり

この<TABLE>タグで囲まれた部分に列や項目を指定する次のタグを記述します。

列 <TR>〜</TR> 見出し <TH>〜</TH> データ <TD>〜</TD>

一組の<TR>と</TR>で囲まれた部分が一行となります。 この間に<TD>の組みや<TH>の組みが入ることになります。 この組の個数が項目の数になります。

以下に表を記述した例を示します。この例にあるように<TD>タグや <TH>タグで align を指定すると右寄せや左寄せが可能です。

<table border> <tr><th>第１カラムのヘッダ</th><th>第２カラムのヘッダ</th></tr> <tr><td>データ１</td><td>データ2</td></tr> <tr><td align=right>右寄せ</td><td align=center>中央寄せ</td></tr> </table>

これをブラウザで表示すると以下の様になります。

第１カラムのヘッダ 第２カラムのヘッダ データ１ データ2 右寄せ 中央寄せ