HTMLでリストを作成する

マーク付きリスト

<ul>
<li>項目1</li>
<li>項目2</li>
<li>項目3</li>
</ul>

※項目はいくつでも可。黒丸が付く。上下に強制的にスペース

マーク付きリストのマーク指定、黒丸

<li type="disk">

マーク付きリストのマーク指定、白丸

<li type="circle">

マーク付きリストのマーク指定、黒い四角

<li type="square">

リスト全体のマークを指定

<ul type="●">
<li>項目1</li>
<li>項目2</li>
<li>項目3</li>
</ul>

※●には、「disk」「circle」「square」

数字付きリスト

<ol>
<li>項目1</li>
<li>項目2</li>
<li>項目3</li>
</ol>

※項目はいくつでも可。上下に強制的にスペース

※下記でも同じ結果

<ol>
<li type=1>項目1</li>
<li type=1>項目2</li>
<li type=1>項目3</li>
</ol>

<ol>タグの「ol」は、何の略か

ordered list

大文字のアルファベット付きリスト

<ol>
<li type=A>項目1</li>
<li type=A>項目2</li>
<li type=A>項目3</li>
</ol>

小文字のアルファベット付きリスト

<ol>
<li type=a>項目1</li>
<li type=a>項目2</li>
<li type=a>項目3</li>
</ol>

大文字のローマ数字付きリスト

<ol>
<li type=I>項目1</li>
<li type=I>項目2</li>
<li type=I>項目3</li>
</ol>

小文字のローマ数字付きリスト

<ol>
<li type=i>項目1</li>
<li type=i>項目2</li>
<li type=i>項目3</li>
</ol>

ordered listで、最初の番号を指定

<ol>
<li value="数字">項目1</li>
<li>項目2</li>
<li>項目3</li>
</ol>

※2番目以降の項目でも可。アルファベット、ローマ数字の場合も可(数字で指定)

※1番目の項目を指定する場合、下記でも同じ結果

<ol start="数字">
<li>項目1</li>
<li>項目2</li>
<li>項目3</li>
</ol>

リスト全体のtypeを指定

<ol type=●>
<li>項目1</li>
<li>項目2</li>
<li>項目3</li>
</ol>

※●には、「1」「A」「a」「I」「i」

用語と説明

<dl>
<dt>猫</dt>
<dd>コタツで丸くなる動物</dd>
<dt>犬</dt>
<dd>雪が降ると庭を駆けまわる動物</dd>
</dl>