項目を表示する際や、手順を示すとき、また箇条書きにするときにはリストタグをうまく活用していきましょう。

スポンサーリンク

リスト(ul,li,ol)

リストタグには、3つ(ul,li,ol)のタグがあります。

li

liタグはList Itemの略で、リストの項目を記述する際に使用します。

ul

ulはUnordered Listの略で、リスト項目に順序を付けない場合に使用します。
liタグを付けたリストを囲みます。

ol

Ordered Listの略で、リスト項目に順序を付ける場合に使用します。
liタグを付けたリストを囲みます。

使い方

好きな動物

<ul>
<li>ネコ</li>
<li>イヌ</li>
<li>クマ</li>
<li>ペンギン</li>
</ul>

  • ネコ
  • イヌ
  • クマ
  • ペンギン

カレーの作り方

<ol>
<li>肉と野菜を炒める</li>
<li>水を入れて中火で煮込む</li>
<li>時々アクを取る</li>
<li>カレールーを入れる</li>
<li>煮込む</li>
</ol>

  1. 肉と野菜を炒める
  2. 水を入れて中火で煮込む
  3. 時々アクを取る
  4. カレールーを入れる
  5. 煮込む
スポンサーリンク
あなたはそのサイトで満足していますか?

サイトはただ作るだけで満足ですか?あなたのコンテンツはとっても有益なものがたくさんあります。よいコンテンツも埋もれてしまっては全く意味がありません。
Diverを使えば、SEO対策はもちろん、ユーザビリティーを考えられたデザインで、サイト回遊率、直帰率、再訪問がアップします。アフィリエイターだってブロガーだって関係無しです!!しかし、スケールの小さいサイトを量産するような方法には向いていません。サイトを育てて、長い間愛されることの出来るコンテンツを作成出来るのは、このDiverだけです。

この記事が気に入ったら
フォローしよう

最新情報をお届けします

Twitterでフォローしよう

おすすめの記事