リストは、特に何も指定しなければごく普通の黒丸のリストですが、この形を変更することもできます。
四角マーク
- リスト1行目
- リスト2行目
タグは以下のようになります。
<ul type="square"> <li>リスト1行目 <li>リスト2行目 </ul> |
赤文字の【square】が四角マークを指定する記述になります。
白丸マーク
- リスト1行目
- リスト2行目
HTMLは以下のようになります。
<ul type="circle"> <li>リスト1行目 <li>リスト2行目 </ul> |
赤文字の【circle】が白丸マークを指定する記述になります。
マークなし
- リスト1行目
- リスト2行目
HTMLは以下のようになります。
<ul style="list-style-type : none"> <li>リスト1行目 <li>リスト2行目 </ul> |
赤文字の【list-style-type : none】がマークなしを指定する記述になります。
これは、正確にはCSSという規格を使用したものになります。
CSSに関しては、またCSS講座の部分で詳しく紹介していきます。
行ごとにマークを変える
- 黒丸
- 四角
- 白丸
HTMLは以下のようになります。
<ul> <li>黒丸 <li type="square">四角 <li type="circle">白丸 </ul> |
<ul>タグではなく、<li>タグにマークの指定の記述を行うことにより、行ごとにマークを変更することができます。