Spur 趣味から得た知識【HTML講座】　 　HTML（箇条書き）　

箇条書きにはいろいろな種類が用意されています。

マーク付きリスト<UL></UL>
<LI>>で行頭マーク付きリストを作る場合の行頭文字指定です。
「TYPE」オプションに「disk」、「circle」、「square」が指定できます。初期値（指定が無い）は「1」です。

マーク付きリストの中身<LI>
行頭文字付き箇条書き。
オプションで「TYPE（行頭文字の種類）」、「disk」、「circle」、「square」、「A」、「a」、「I」、「i」、「1」が指定できます。 初期値（指定が無い）は「1」です。

番号順リスト<OL></OL>
行頭番号付き箇条書き。
オプションで「TYPE（行頭番号の種類）」、「A」、「a」、「I」、「i」、「1」が指定できます。
「1」にした場合は、オプションで「START（開始番号）」が指定できます。

定義型リストの中身<DT>と<DD>
本来は<DT>が定義される言葉で、<DD>が言葉の意味ですが、単なるインデントとして使われる場合が多いタグです。

　練習１　

メモ帳を起動して、「sample4.htm」を次の通り修正してください。ただし、タグは大文字でも小文字でもかまいません。

  <HTML>
  <HEAD>
　<CENTER><FONT SIZE=4 COLOR="#00FFFF">HTMLのお勉強</FONT></CENTER><BR>
  </HEAD>
  <BODY>
　HTMLは<FONT COLOR="#CCCC33">タグ</FONT>というもので書くプレーンなテキストファイルである。<BR>
　<UL TYPE="square"><BR>
　<LI>項目Ａ<BR>
　<LI>項目Ｂ<BR>
　<LI>項目Ｃ<BR>
　</UL><BR>
  </BODY>
  </HTML>

できたら、「sample5a.htm」として保存し、ブラウザで見てみましょう。
こんな風になりましたか？

今度は、「TYPE="square"」のところを、「TYPE="circle"」に書き換えて「sample5b.htm」として保存し、見てください。
こんな風になりましたか？

　練習２　

メモ帳を起動して、「sample5b.htm」を次の通り修正してください。ただし、タグは大文字でも小文字でもかまいません。

  <HTML>
  <HEAD>
　<CENTER><FONT SIZE=4 COLOR="#00FFFF">HTMLのお勉強</FONT></CENTER><BR>
  </HEAD>
  <BODY>
　HTMLは<FONT COLOR="#CCCC33">タグ</FONT>というもので書くプレーンなテキストファイルである。<BR>
　<UL TYPE="circle"><BR>
　<LI>項目Ａ<BR>
　<LI>項目Ｂ<BR>
　<LI>項目Ｃ<BR>
　</UL><BR>
　<OL><BR>
　<DD><LI>箇条書き１<BR>
　<DD><LI>箇条書き２<BR>
　<DD><LI>箇条書き３<BR>
　</OL><BR>
  </BODY>
  </HTML>

できたら、「sample5c.htm」として保存し、ブラウザで見てみましょう。
こんな風になりましたか？

←前へ  次へ→