TOPページ >  箇条書きにする > 箇条書きにする(通し番号あり)

箇条書きにする(通し番号あり)

ホームページやブログなどのウェブサイトで、リストなどを表示する際に、簡単なHTMLタグで文章を箇条書きにすることができます。通し番号付きで箇条書きにする場合には ol タグを使います

デフォルトでは適当に文字下げされ、上下に余白が取られ、先頭に 1、2、3...というふうに通し番号が付加されて表示されます。

<ol>
<li>箇条書きにする項目(項目の数だけ繰返し)
</ol>

という記述になります。
サンプルソースです

例)カテゴリ項目を箇条書きにする
<ol>
<li>カテゴリ項目其の壱
<li>カテゴリ項目其の弐
<li>カテゴリ項目其の参
<ol>
<li>サブカテゴリ項目其の壱
<li>サブカテゴリ項目其の弐
</ol>
<li>カテゴリ項目其の四
<li>カテゴリ項目其の五
</ol>

これを表示すると、次のようになります。このサンプルで、OL タグの中にもう一つ OL タグが記述されており、箇条書き文章が入れ子になっています。

例)カテゴリ項目を箇条書きにする
  1. カテゴリ項目其の壱
  2. カテゴリ項目其の弐
  3. カテゴリ項目其の参
    1. サブカテゴリ項目其の壱
    2. サブカテゴリ項目其の弐
  4. カテゴリ項目其の四
  5. カテゴリ項目其の五

ランキングに参加中です! お役に立てたらクリックをお願いします→

同一カテゴリ内一覧
箇条書きの頭の記号に画像を指定する
定義語を表示する
箇条書き文章の余白を指定する
箇条書きの開始番号を指定する
箇条書きの番号形式を指定する
箇条書きにする(通し番号あり)
箇条書きの頭の記号を指定する
箇条書きにする(通し番号なし)
IEの方はこちらから当サイト ブックマークできます。
ランキング参加中!お役に立てたら クリックをお願いします。
当サイト掲載カテゴリは
Yahoo! JAPAN コンピュータとインターネット > データ形式 > HTML > リファレンス