HTML*TIPS

リストについて

　　

　リストをつくる

＊例１＊

• 彩花の部屋
• 朋奈の部屋
• 凌大の部屋

タグは・・・
<ul>
<li>彩花の部屋</li>
<li>朋奈の部屋>/li>
<li>凌大の部屋</li></ul>

＊例２＊

• 彩花の部屋
• 朋奈の部屋
• 凌大の部屋

タグは・・・
<ul><li type="circle">
<li>彩花の部屋</li>
<li>朋奈の部屋</li>
<li>凌大の部屋</li></ul>

＊例３＊

• 彩花の部屋
• 朋奈の部屋
• 凌大の部屋

タグは・・・
<ul>
<li type="circle">彩花の部屋</li>
<li type="disc">朋奈の部屋</li>
<li type="square">凌大の部屋</li></ul>

＊例４＊　アラビア数字

1. 彩花の部屋
2. 朋奈の部屋
3. 凌大の部屋

タグは・・・
<ol type="1">
<li>彩花の部屋</li>
<li>朋奈の部屋</li>
<li>凌大の部屋</li></ol>

＊例５＊　小文字アルファベット

1. 彩花の部屋
2. 朋奈の部屋
3. 凌大の部屋

タグは・・・
<ol type="a">
<li>彩花の部屋</li>
<li>朋奈の部屋</li>
<li>凌大の部屋</li></ol>

＊例６＊　大文字アルファベット

1. 彩花の部屋
2. 朋奈の部屋
3. 凌大の部屋

タグは・・・
<ol type="A">
<li>彩花の部屋</li>
<li>朋奈の部屋</li>
<li>凌大の部屋</li></ol>

＊例７＊　小文字ローマ数字

1. 彩花の部屋
2. 朋奈の部屋
3. 凌大の部屋

タグは・・・
<ol type="i">
<li>彩花の部屋</li>
<li>朋奈の部屋</li>
<li>凌大の部屋</li></ol>

＊例８＊　大文字ローマ数字

1. 彩花の部屋
2. 朋奈の部屋
3. 凌大の部屋

タグは・・・
<ol type="I">
<li>彩花の部屋</li>
<li>朋奈の部屋</li>
<li>凌大の部屋</li></ol>