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


超初心者のための超かんたんHP作成講座・サルでもわかる?かんたんHTML

サルでもわかる?かんたんHTML トップページ  >>> #7.リスト  >>> リストを階層化しよう



      



リストを階層化しよう



HP作成講座の先生  「階層化???」


HP作成講座の先生  「ちょっと難しい言葉が出てきたのぅ。
    簡単に言うと、リストの中にさらにリストを作る、という感じかのぅ。」



 サンプル

  • たべもの
    • ささ
    • ばなな
  • いきもの
    • ぱんだ
    • さる




HP作成講座の先生  「まず「たべもの」「いきもの」という大きな項目があって
    その中にまたいくつか項目があるのぅ。」


HP作成初心者  「なるほど。今度はどんなタグだろう?
    ややこしいのかなぁ・・・。」


HP作成講座の先生  「いや、今回は新しいタグはでてこないぞぃ。
    今まで 箇条書きのリストを作ろう や 番号付きのリストを作ろう
    などで出てきたタグを使うんじゃ。
    ただ、タグを入力する順番がごちゃごちゃして、わかりにくくなるかもしれんのぅ。
    メモ帳を見やすいようにうまく使うことじゃ。
    では、実際に使ってみるぞぃ。」
 



 メモ帳
<BODY>〜</BODY> の間に入力


<UL>
<LI>植物</LI>
<LI>動物

  <UL>
  <LI>とり</LI>
  <LI>ほにゅうるい

    <UL>
    <LI>ぱんだ</LI>
    <LI>さる</LI>
    </UL>

  </LI>
  </UL>

</LI>
</UL>




HP作成講座の先生  「ではブラウザで見てみるぞぃ。」



 ブラウザ
  • 植物
  • 動物
    • とり
    • ほにゅうるい
      • ぱんだ
      • さる
↑ 「動物」の項目の中に「とり」と「ほにゅうるい」、
   「ほにゅうるい」の項目の中に「ぱんだ」と「さる」が入っておるな。







HP作成講座の先生  「箇条書きのタグを使うと、大きな項目から順に

    黒丸 → 白丸 → 黒い四角

    が表示されるぞぃ。
    番号付きのリストを作るタグも使っていろいろ試してみてくれぃ。
    今回はこれでおしまいじゃ。」





↑ページのTOPへ


単語の説明をするリストを作ろう
<<< 前のページへ戻る
フォームって何?
次のページへ進む >>>


サルでもわかる?かんたんHTML トップページ  >>> #7.リスト  >>> リストを階層化しよう





Copyright (C) 2006
超初心者のための超かんたんHP作成講座
サルでもわかる?かんたんHTML