WEBサイトにリストを表示しよう

HTMLでリストを作る方法をご紹介いたします。

リストには箇条書きリストと番号付きリストがあります。

スポンサードリンク

箇条書きリスト

まず、箇条書きリストを作る方法を説明します。

<ul>
<li>HTMLの基礎</li>
<li>HTMLでリストを作る</li>
<li>ulタグを使いこなす</li>
</ul>

箇条書きリストを作るには、このように<ul>～</ul>で囲った中に<li>～</li>でリストを書き込んでいきます。

箇条書きではなく、番号付きリストにしたい場合は、<ul>を<ol>に変更します。

<ol>
<li>HTMLの基礎</li>
<li>HTMLでリストを作る</li>
<li>olタグを使いこなす</li>
</ol>

このようにHTMLを書けば、番号付きのリストになります。

ulは”Unorderd List”、olは”Ordered List”、liは”List Item”の略になりますので、それぞれ覚えておくとどのタグを使えばいいか迷いません。

リストはWEBサイトを作る時に結構使いますので覚えておきましょう。