リスト リストリストを表示するには <ul> や <ol> を用います。<ul> は順序無しリスト（Unorderd List）を意味します。
<ul> <li>カレーライス <li>スパゲティ </ul> |
→ |
|
<ol> は順序リスト（Orderd List）を意味します。
<ol> <li>カレーライス <li>スパゲティ </ol> |
→ |
|
リストの先頭の丸や数字の部分を変更するには、<ol> や <ul> や <li> に type 属性を指定します。
<ol type="a"> <li>おでん <li>うどん </ol> |
→ |
|
type 属性には次のようなものがあります。
| タグ | 説明 |
|---|---|
| <ol type="1"> | 1, 2, 3, 4, 5, ...（既定値） |
| <ol type="a"> | a, b, c, d, e, ... |
| <ol type="A"> | A, B, C, D, E, ... |
| <ol type="i"> | i, ii, iii, iv, v, ... |
| <ol type="I"> | I, II, III, IV, V, ... |
| <ul type="disc"> |
|
| <ul type="circle"> |
|
| <ul type="square"> |
|
スタイルシートの場合は list-style-type や list-style-image を指定します。
<ol style="list-style-type: hiragana"> <li>おでん <li>うどん </ol> |
→ |
|
Internet Explorer でフォントサイズを小さくしている場合は、type=disc と type=square の区別がつかないことがあるので注意してください。
用語のその説明の組みからなる定義リストを書くには、<dl>、<dt>、<dd> を用います。</dt>、</dd> の終了タグは省略可能です。
<dl> <dt>HTML</dt> <dd>HTMLとは・・・</dd> <dt>CSS</dt> <dd>CSSとは・・・</dd> </dl> |
→ |
|