HOME > HTML講座 > リストを表示する(箇条書き)

リストを表示する(箇条書き)

<ul>、<li>を使って箇条書きのリスト表示をすることができます。

例

<ul>
<li>１つの目のリストです。</li>
<li>２つの目のリストです。</li>
<li>３つの目のリストです。</li>
</ul>

結果

１つの目のリストです。
２つの目のリストです。
３つの目のリストです。

また、type属性を指定すると、箇条書きの記号を変えることができます。
type属性には、"disc"、"square"、"circle"が指定できます。

例

<ul type="disc">
<li>１つの目のリストです。type属性は"disc"です。</li>
<li>２つの目のリストです。type属性は"disc"です。</li>
</ul>

<ul type="square">
<li>１つの目のリストです。type属性は"square"です。</li>
<li>２つの目のリストです。type属性は"square"です。</li>
</ul>

<ul type="circle">
<li>１つの目のリストです。type属性は"circle"です。</li>
<li>２つの目のリストです。type属性は"circle"です。</li>
</ul>

結果

１つの目のリストです。type属性は"disc"です。
２つの目のリストです。type属性は"disc"です。

１つの目のリストです。type属性は"square"です。
２つの目のリストです。type属性は"square"です。

１つの目のリストです。type属性は"circle"です。
２つの目のリストです。type属性は"circle"です。

まとめ

<ul>、<li>で、箇条書きのリスト表示ができる。
type属性を指定すると、箇条書きの記号を変えることができる。

リストを表示する(箇条書き)

例

結果

例

結果

まとめ

関連リンク