見出しの付いたリスト <DL> <DT> <DD>

見出しの付いたリストとは、以下のようなものです。

NCSA Mosaic

Internetを爆発的に普及させた立役者。これがなければ、現在のようなInternetブームは起こらなかったでしょう。

Netscape Navigator

NCSA Mosaicを開発した人と、SGI創立した人が作った会社のWWWブラウザー。今や会社もAOLに吸収合併され、人気の面でもMicrosoft Internet Explorerに押され気味。

このように、ある言葉の定義や説明をするときに便利です。これをHTMLで表現すると、

<DL>
  <DT>NCSA Mosaic
  <DD>Internetを爆発的に普及させた立役者。
      これがなければ、現在のようなInternetブームは起こらなかったでしょう。
  <DT>Netscape Navigator
  <DD>NCSA Mosaicを開発した人と、SGI創立した人が作った会社のWWWブラウザー。
      今や会社もAOLに吸収合併され、人気の面でもMicrosoft Internet Explorerに押され気味。
</DL>

全体をDefinition Listsを意味する<DL>で囲み、説明したい言葉(Definition Term)を<DT>に、その説明の文章(Definition Description)を<DD>に書きます。<DT>も<DD>も終了タグは省略可能です。これをツリー図で表すと、

となります。それでは、次は絵でも入れてみましょう。