リスト
ノーマル
<ul></ul>の間に<li></li>を書きます。
<ul>
<li>ここにリスト</li>
</ul>- ここにリスト
矩形
type="square" とすると、矩形のマークが付きます。
<ul type="square">
<li>ここにリスト</li>
</ul>- ここにリスト
円形
type="circle"とすると、円形のマークが付きます。
<ul type="circle">
<li>ここにリスト</li>
</ul>- ここにリスト
マークなし
スタイルシートで指定します。
まだスタイルシートに触れていない場合は、こんなやり方もあるのだということだけ頭に入れておきましょう。
<ul style="list-style-type : none">
<li>ここにリスト</li>
</ul>- ここにリスト
説明付き
<dl></dl>の間に<dt>と<dd>を使います。
<dl>
<dt>リストに関する説明を書きます
<dd>リストを書きます
</dl>- リストに関する説明を書きます
- リストを書きます
番号付き
<ol></ol>の間に<li></li>を書きます。
<ol>
<li>番号付きリスト</li>
</ol>- 番号付きリスト
マークに画像を使う
こちらもスタイルシートを使います。
<ul style="list-style-image:url(img/list.png);">
<li>マークに画像を使う
</ul>- マークに画像を使う
2026/09/08
