 サンプル - Microsoft Internet Explorer |
|
type="A"の場合
|
アルファベットなどのリスト
■<ol type="a,A,1,i,Iのいずれか1つ"><li>～</li></ol>
記号や数字のリスト以外に、アルファベットやローマ数字などを使ってリストを作ることも出来ます。
数字のリストを作る場合には<ol>タグを使いましたが、このタグにtype属性をつけて、値にAやIを指定します。
また、<li>タグに指定すれば、その項目だけをアルファベットなどに変えることが出来ます。CSSを使えば指定できますので、CSSでの指定をオススメします。
| それぞれの値を指定した場合の表示例 | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| type="A" | A,B,C,D,E・・・ | ||||||||||
| type="a" | a,b,c,d,e・・・ | ||||||||||
| type="Ｉ" | Ⅰ,Ⅱ,Ⅲ,Ⅳ,Ⅴ・・・ | ||||||||||
| type="i" | ⅰ,ⅱ,ⅲ,ⅳ,ⅴ・・・ | ||||||||||
| type="1" | 1,2,3,4,5・・・ | ||||||||||
HTML
<html> <head> <title>サンプル</title> </head> <body> type="A"の場合 <ol type="A">
<li>HIP-HOP</li> <li>HOUSE</li> <li>TECHNO</li> <li>JAZZ</li> </ol> type="I"の場合 <ol type="I"> <li>ギター</li> <li>ベース</li> <li>ドラム</li> <li>キーボード</li> </ol> </body> </html>
|
サンプル - Microsoft Internet Explorer |
|
HTML
<html> <head> <title>サンプル</title> </head> <body> <ol> <li>ここは何も指定なし</li> <li type="A">type="A"を指定</li> <li type="a">type="a"を指定</li> <li type="I">type="I"を指定</li> <li type="i">type="i"を指定</li> <li type="1">type="1"を指定</li> </ol> </body> </html>