見出し画像
Photo by mericanadesico

リストとナビゲーションのマークアップ

Island_in

順番の指定を必要としない箇条書きul要素

<ul>
<li>リストの項目１</li>
<li>リストの項目２</li>
<li>リストの項目３</li>
<li>リストの項目４</li>
</ul>

順序付きリスト

<ol>
<li>リストの項目１</li>
<li>リストの項目２</li>
<li>リストの項目３</li>
<li>リストの項目４</li>
</ol>


定義リストを作る

<dl>
<dt>見出し項目１</dt>
<dd>見出し項目１の内容</dd>
<dt>見出し項目２</dt>
<dd>見出し項目２の内容</dd>
</dl>

<!--dl definition list-->
<!--dt definition term-->
<!--dd definition details-->

リストでナビゲーションを作る

<body>
<ul>
<li>トップページ</li>
<li>講座案内</li>
<li>作品紹介</li>
</ul>
</body>

ぱんくずリストを作る

<body>
<ol>
<li><a href="../index.html">トップページ</a></li>
<li><a href="index.html">作品紹介</a></li>
<li>ウエディングブーケ</li>
</ol>
</body>

この記事が気に入ったらサポートをしてみませんか？