リストを使おう!

hyoujun.gif (3488 バイト)

3.

言葉をリストの頭に持ってきたい!
NE3 NE4 NE6 IE3 IE4 IE5 IE6 i

次はちょとリストとは違うかもしれないけどホームページを作る上できれいに見せるために必要なのでぜひ覚えてね。
今度は言葉をリストの頭に持ってくるという感じなんだけど。まぁ、単語の説明や解説などに使ってもいいと思うよ。

<DL><DT>〜<DD>〜</DL>      ・・・・・言葉をリストにする

まず、<DL>〜</DL>を使ってリストの範囲を指定するんだ。
そして、<DT>の後にはリストの言葉、トピック(題名)とかを書いてくれればいいよ。
<DD>のところにはその説明とかだよ。
じゃあ、いきなりだけどやってみよう。

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

<DL>                                     ←リストの開始
<DT>松田祥宗            
    ←<DT>は題名というか、トピックみたいなものをここに書いてね
<DD>通称ヨッシー、性別:男    
    ←<DD>はその説明などを書いて
<DT>HTML                  
←<DT>は題名というか、トピックみたいなものをここに書いてね
<DD>ホームページを作るための言語 
  ←<DD>はその説明などを書いて
</DL>
                                     ←リストの終了

</BODY>
</HTML>

これを表示すると、

 RESULT  

松田祥宗
通称ヨッシー、性別:男
HTML
ホームページを作るための言語

こうなったね。これは1つの例なので<DT>にトピック<DD>に説明じゃないといけないというわけでは無いのでこれを利用していろんなスタイルのホームページをつくってね。


back.gif (1116 バイト) リストに他の文字を使ってみよう!
next.gif (705 バイト) たくさんの説明をしたい!