箇条書きにする(通し番号あり)
ホームページやブログなどのウェブサイトで、リストなどを表示する際に、簡単なHTMLタグで文章を箇条書きにすることができます。通し番号付きで箇条書きにする場合には ol タグを使います。
デフォルトでは適当に文字下げされ、上下に余白が取られ、先頭に 1、2、3...というふうに通し番号が付加されて表示されます。
<ol>
<li>箇条書きにする項目(項目の数だけ繰返し)
</ol>
という記述になります。
サンプルソースです
例)カテゴリ項目を箇条書きにする
<ol>
<ol>
<li>カテゴリ項目其の壱
<li>カテゴリ項目其の弐
<li>カテゴリ項目其の参
<li>カテゴリ項目其の五
</ol>
<li>カテゴリ項目其の弐
<li>カテゴリ項目其の参
<ol>
<li>カテゴリ項目其の四<li>サブカテゴリ項目其の壱
<li>サブカテゴリ項目其の弐
</ol><li>サブカテゴリ項目其の弐
<li>カテゴリ項目其の五
これを表示すると、次のようになります。このサンプルで、OL タグの中にもう一つ OL タグが記述されており、箇条書き文章が入れ子になっています。
例)カテゴリ項目を箇条書きにする
- カテゴリ項目其の壱
- カテゴリ項目其の弐
- カテゴリ項目其の参
- サブカテゴリ項目其の壱
- サブカテゴリ項目其の弐
- カテゴリ項目其の四
- カテゴリ項目其の五
ランキングに参加中です! お役に立てたらクリックをお願いします→
コンピュータとインターネット > データ形式 > HTML > リファレンス