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

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サイトを作る時に結構使いますので覚えておきましょう。

この記事が気に入ったら
いいね!してね♪

Twitter で

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です