ぱそおーるHTML講座

<UL></UL>など（リストタグ）


リストを表示するタグを見ていきましょう。
<UL></UL>内に<LI></LI>を記述ていきます。
内容に応じて<LI></LI>を追加していきます。
</LI>タグは省略しても構いません

とりあえず表示させてみましょう
<ul>
<li>list 1</li>
<li>list 2</li>
<li>list 3</li>
<li>list 4</li>
<li>list 5</li>
</ul>


属性
type : リストマークのタイプを設定します。
  1. disc : 黒丸（デフォルト）
  2. circle : 白丸
  3. square : 四角
<ul type="circle">

<li></li>にもタイプを指定出来ます。
個別に指定する事で下のような感じにも出来ます。
最後に指定したタイプが、以後のリストにも反映されます。


番号付きリストを表示
<OL></OL>内に<LI></LI>タグを記述します。
内容に応じて<LI></LI>を追加していきます。
<ol>
<li>list 1</li>
<li>list 2</li>
<li>list 3</li>
<li>list 4</li>
<li>list 5</li>
</ol>
  1. list 1
  2. list 2
  3. list 3
  4. list 4
  5. list 5
属性
type : リスト番号の文字を変更します。
  1. 1 : アラビア数字での表示（デフォルト）
  2. a : 小文字のアルファベット表示
  3. A : アルファベットの大文字表示
  4. i : 小文字のローマ数字で表示
  5. I : 大文字のローマ数字で表示
<ol type="A">
  1. list 1
  2. list 2
  3. list 3
  4. list 4
  5. list 5
<li></li>にもタイプを設定出来ます。
個別に設定する事で下のような感じに出来ます。
最後に設定したタイプが以後も反映されます。
  1. list 1
  2. list 2
  3. list 3
  4. list 4
  5. list 5

start : リストの開始番号を設定します。
<ol start="3">
  1. list 1
  2. list 2
  3. list 3
  4. list 4
  5. list 5
<li></li>に使う属性でvalueがあります。
<li value="7">という感じでリストの番号を変更します。
以後の番号も変更されます。
  1. list 1
  2. list 2
  3. list 3 ここに設定しました。
  4. list 4
  5. list 5

定義型リストを表示
<DL></DL>内に<DT></DT>と<DD></DD>をセットで記述します。
<dl>
<dt>HTMLとは？</dt>
<dd>HTMLとはHyper Text Markup Lunguageの頭文字をとったもので…</dd>
</dl>
HTMLとは？
HTMLとはHyper Text Markup Lunguageの頭文字をとったもので…
上のように表示されます。
<dl></dl>内に<dt></dt><dd></dd>をセットで複数設定出来ます。
HOMEへ