TOP 
Web
リスト |
〆 いろいろな種類のリストを作成します
記号のリストには、<ul >を用い、数字などの順序のリストには、
<ol>を用います。（ul: unorderlist、 ol: orderlist、 li: listitem）
※<ul>, <ol>タグ内では、 直接<li> 要素以外の要素を書いてはいけません。
※type属性は、非推奨です。できれるだけ
CSS を使いましょう。
・ 記号 <ul type="disc, circle, square"><li > ～ </ul>
<ul> <li> デフォルト </li> <li type="disc"> 黒 丸 </li> <li type="circle"> 白 丸 </li> <li type="square"> 四 角 </li> </ul> |
|
HTML List・ アラビア数字 <ol type="1"><li >～ </ol>
<ol type="1">
<li> "トムヤンクン"</li>
<li> "ブイヤベース"</li>
<li> "ボルシチ"</li>
</ol>
|
|
・ ギリシャ数字 <ol type="i">
<ul>
<ol type="i">
<li> "Angkor Wat"</li>
<li> "Panan"</li>
<li> "Borobudur"</li>
</ol>
|
|
・ ギリシャ数字 <ol type="I">
<ol type="I">
<li> "Salto De Iguacu in" </li>
<li> "Victoria Fall"</li>
<li> "Niagara Falls"</li>
</ol>
|
|
・ 小文字アルファベット <ol type="a">
<ol type="a">
<li> "Hanneken Pis"</li>
<li> "Den Lille Havfrue"</li>
<li> "Merlion"</li>
</ol>
|
|
・ 大文字アルファベット <ol type="A">
<ol type="a">
<li> "The Metropolitan Museum of Art" </li>
<li> "The Louvre Museum" </li>
<li> "The British Museum" </li>
<li> "Obras Maestras del Museo del Prado" </li>
<li> "The State Hermitage Museum" </li>
<</ol>
|
|||
|
・ 入れ子形のリスト
<li>タグのあとに <ul>...</ul>などを入れます。
※HTMLの規約的には、入れてはいけないかも。
<ul>
<li> Reggae
<ul>
<li> Bob Marley </li>
</ul>
</li>
<li> Salsa
<ul>
<li> Marc Anthony </li>
<li> INDIA </li>
</ul>
</li>
</ul>
|
|||
|
The link to this site is free. /
Last Updated : 28.May.2012