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


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

サルでもわかる?かんたんHTML トップページ  >>> #7.リスト  >>> 番号付きのリストを作ろう



      



番号付きのリストを作ろう



HP作成講座の先生  「順番が重要なリストを作るときにこのタグを使うぞぃ。」



 サンプル

    走り幅跳びのコツ
  1. ほっぷ
  2. すてっぷ
  3. じゃんぷ




HP作成講座の先生  「こんなタグを使うぞぃ。」



電球  番号付きのリストを作るタグ
-----------------------------------------------------------------


 <OL> 〜 </OL> : 〜の範囲を番号付きのリストにする。

 <LI> 〜 </LI> : 〜は番号付きリストの項目。


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



HP作成講座の先生  「<UL>〜</UL> が <OL>〜</OL> に変わるだけじゃ。
    項目をあらわす <LI>〜</LI> は今までと一緒じゃな。
    ではさっそく使ってみるぞぃ。」



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


<OL>
<LH>カレーの作り方</LH>
<LI>野菜と肉を炒めて煮込む</LI>
<LI>ルーを入れて煮込む</LI>
<LI>出来上がり</LI>
</OL>




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



 ブラウザ
    カレーの作り方
  1. 野菜と肉を炒めて煮込む
  2. ルーを入れて煮込む
  3. 出来上がり
↑ 上から順に項目に番号が付いておるな。






HP作成初心者  「勝手に1から順番に表示してくれるんですね。」


HP作成講座の先生  「うむ。これは順番を変えることもできるし、
    数字の代わりにアルファベットやローマ数字を使うこともできるぞぃ。
    今回はこれでおしまいじゃ。」





↑ページのTOPへ


リストのマークを変えよう
<<< 前のページへ戻る
いろいろな番号に変えよう
次のページへ進む >>>


サルでもわかる?かんたんHTML トップページ  >>> #7.リスト  >>> 番号付きのリストを作ろう





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