サルでもわかる？かんたんHTML トップページ
>>> ＃７．リスト
>>> 箇条書きのリストを作ろう
「さぁ、今回からリストを作るタグを勉強するぞぃ。
タグ自体はそんなに難しくないのから安心してくれぃ。」
箇条書きのリストを作るタグ
-----------------------------------------------------------------
<UL> 〜 </UL> ： 〜の範囲を箇条書きにする。
<LH> 〜 </LH> ： 〜はリストのタイトル。
<LI> 〜 </LI> ： 〜はリストの項目。
-----------------------------------------------------------------
「よかった〜！タグはすごく簡単そう♪
でもどうやって使うのかなぁ？」
「うむ。まず <UL>〜</UL> で、箇条書きにする範囲を囲んでしまうんじゃ。
その間に <LI>〜</LI> を使って項目をひとつひとつ入力していくんじゃな。」
「なるほど・・・。
<TABLE>〜</TABLE> のタグと使い方が似ていますね。」
「そうじゃな。では実際に使ってみようかのぅ。」
「ではブラウザで見てみるぞぃ。」
「このリストタグを使うとそれぞれの項目の前に黒丸がついておるな。」
「ほんとだ〜。それに、スペース入れてないのに
項目がちょっと右にずれてますね。」
「うむ。これを 字下げ というぞぃ。」
「この項目の前の黒丸は他の記号とかに変えられないんですか？」
「もちろん、いろいろ変えられるぞぃ。
では次回は、白丸、黒い四角に変えるタグをやろうかの。
今回はこれでおしまいじゃ。」
↑ページのTOPへ
サルでもわかる？かんたんHTML トップページ >>> ＃７．リスト >>> 箇条書きのリストを作ろう
「さぁ、今回からリストを作るタグを勉強するぞぃ。タグ自体はそんなに難しくないのから安心してくれぃ。」
| サンプル |
|
「こんなタグを使うぞぃ。」
箇条書きのリストを作るタグ
-----------------------------------------------------------------
<UL> 〜 </UL> ： 〜の範囲を箇条書きにする。
<LH> 〜 </LH> ： 〜はリストのタイトル。
<LI> 〜 </LI> ： 〜はリストの項目。
-----------------------------------------------------------------
「よかった〜！タグはすごく簡単そう♪でもどうやって使うのかなぁ？」
「うむ。まず <UL>〜</UL> で、箇条書きにする範囲を囲んでしまうんじゃ。その間に <LI>〜</LI> を使って項目をひとつひとつ入力していくんじゃな。」
「なるほど・・・。<TABLE>〜</TABLE> のタグと使い方が似ていますね。」
「そうじゃな。では実際に使ってみようかのぅ。」| メモ帳 |
|
<BODY>〜</BODY> の間に入力
<UL> <LH>明日の予定 </LH> <LI>朝、笹を食べたらひと眠り </LI> <LI>昼、笹を食べたらもうひと眠り </LI> <LI>おやつに笹をたべたらまた眠り </LI> <LI>夜、笹を食べて寝る </LI> </UL> |
「ではブラウザで見てみるぞぃ。」| ブラウザ |
↑ ちゃんと箇条書きのリストになっておるな。 |
「このリストタグを使うとそれぞれの項目の前に黒丸がついておるな。」
「ほんとだ〜。それに、スペース入れてないのに項目がちょっと右にずれてますね。」
「うむ。これを 字下げ というぞぃ。」
「この項目の前の黒丸は他の記号とかに変えられないんですか？」
「もちろん、いろいろ変えられるぞぃ。では次回は、白丸、黒い四角に変えるタグをやろうかの。
今回はこれでおしまいじゃ。」
↑ページのTOPへ
|
セルを結合しよう <<< 前のページへ戻る |
リストのマークを変えよう 次のページへ進む >>> |
サルでもわかる？かんたんHTML トップページ >>> ＃７．リスト >>> 箇条書きのリストを作ろう
