<UL> <LI>
番号のないリストとは、以下のようなものです。
- リゾナーレ八ヶ岳
- ANAインターコンチネンタル 万座リゾート
- しこつ湖鶴雅 リゾートスパ 水の謌
このように、箇条書きにする場合に使います。これをHTMLで表現すると、
<UL>
<LI>リゾナーレ</LI>
<LI>ANAインターコンチネンタル 万座リゾート</LI>
<LI>しこつ湖鶴雅 リゾートスパ 水の謌</LI>
</UL>
となります。全体をUnordered Listsを意味する<UL>で囲み、その中に項目(List Item)を<LI>で書きます。これをツリー図で表わすと、
です。
ネストも可能
また、ネストさせることも可能です。ネストとは、
- 沖縄
- ANAインターコンチネンタル 万座リゾート
- ホテル日航アリビラ
- 北海道
- しこつ湖鶴雅 リゾートスパ 水の謌
- ザ・ウィンザーホテル
- アルファリゾート・トマム
のように、リストの中のリストのような入れ子になっているもののことをいいます。これをHTMLで表現すると、
<UL>
<LI>沖縄
<UL>
<LI>ANAインターコンチネンタル 万座リゾート</LI>
<LI>ホテル日航アリビラ</LI>
</UL>
</LI>
<LI>北海道
<UL>
<LI>しこつ湖鶴雅 リゾートスパ 水の謌</LI>
<LI>ザ・ウィンザーホテル</LI>
<LI>アルファリゾート・トマム</LI>
</UL>
</LI>
</UL>
となります。つまり、最初の<UL>の中には<LI>が含まれ、その中にさらに<UL>が含まれているのです。これをツリー図で表わすと、
ですね。HTMLで文書を作るときには、お互いのタグが親子または兄弟関係になれるのかどうかに注意することは、とても重要なことです。特に、リスト表示のところはややこしいです。でも、これを押さえておけば、HTMLで簡単に正しい文章を書けるようになります。
それでは、次に番号の付いたリストを書いてみましょう。