８

 リストを使おう！

basic.gif (3042 バイト)

１．

 点を使ったリスト
NE3 NE4 NE6 IE3 IE4 IE5 IE6 i

はじめは最もシンプルなリストを作ってみよう。

<UL><LI>〜<LI>〜</UL> 　 　　　・・・・・点を使ったリスト

（<LI>はいくつ書いてもいいよ）

少しこれではわかりにくいから実際に書いてみよう｡

　SOURCE
<HTML>
<HEAD>
<TITLE>リスト</TITLE>
</HEAD>
<BODY>

<UL>　　　　　　　　　　←リストの始まり
　　<LI>りんご　　　　　　←<LI>は点を表わす
　　<LI>オレンジ　　　　　←<LI>は点を表わす
　　<LI>いちご　　　　　　 ←<LI>は点を表わす
</UL>　　　　　　　　　 ←リストの終わり

</BODY>
</HTML>

<UL>〜</UL>ではさまれている部分がリストと思ってね。
<LI>は今は点と思っていもらってもいいし、たぶんこの<LI>はLISTのLIだと思うので、リストのマークを書くと考えておいて。
実際、<LI>を使ってあとで数字のリストなども作れるからね。
これを表示すると。

　RESULT 　

  • りんご
  • オレンジ
  • いちご
↑このようになります

こうなったかな。

詳.gif (135 バイト)
<UL>の代わりに<MENU>というタグを使うこともできる。（働きは同じ）
しかし、これは推奨されておらず廃止予定となっているので使うのは控えておこう。

　

back.gif (1116 バイト)　リストを使おう！
next.gif (705 バイト)　いろいろな形のリスト