初心者大歓迎！HTMLを使って一緒にHP作成してみませんか？

　「単語の説明をするって･･･どういう意味ですか？」


　「うむ。辞書のような感じかのぅ。サンプルを見てごらん。」

　「どうじゃ？」


　「･･･超･･･イケメンって･･･？？？」


　「ふむ。こまかい事はおいといて、じゃ。
　　　　まず単語があって、その一段下からさらに字下げして
　　　　説明がついておるじゃろぅ？
　　　　これを　定義リスト　というぞぃ。
　　　　こんなタグを使うんじゃ。」



　単語の説明をするリストを作るタグ
-----------------------------------------------------------------


　<DL>　〜　</DL>　：　〜の範囲を定義リストに指定する。

　<DT>　〜　</DT>　：　〜に単語を入れる。

　<DD>　〜　</DD>　：　〜に説明を入れる。


　<DL compact>　〜　</DL>
　　　　　　　　　　　　　　：　〜の範囲を定義リストに指定して
　　　　　　　　　　　　　　　　単語が短い場合は説明を改行せずに表示する。


-----------------------------------------------------------------



　「似たようなタグばっかりですね。間違えそうです。」


　「ふぉっふぉっふぉっ。何度も使って慣れるしかないのぅ。」


　「最後の　<DL compact>〜</DL>　ですが、
　　　　改行するかしないかは、単語の文字数で決まるんですか？」


　「いいや、これは文字数ではないんじゃ。
　　　　単語が説明部分の字下げした幅におさまる場合は、
　　　　改行せず続けて表示されるんじゃよ。」


　「ん〜、ってことは、
　　　　たとえ1文字でも、文字が大きくておさまりきらなかったら
　　　　改行されちゃうってことですね？」


　「そういうことじゃ。
　　　　では実際に使ってみるぞぃ。」

　「ではブラウザで見てみるぞぃ。」

　「どうじゃ？うまく表示されたかのぅ？
　　　　今回はこれでおしまいじゃ。」





↑ページのTOPへ

いろいろな番号に変えてみよう <<<　前のページへ戻る

リストを階層化しよう 次のページへ進む　>>>

サルでもわかる？かんたんHTML　トップページ 　>>>　＃７．リスト 　>>>　単語の説明をするリストを作ろう