はてなブログ初心者でもわかる目次を作成する時に使うワンランク上の技

本日もお越し頂きありがとうございます

前回ははてなブログで目次を使い方を紹介しました

今回は目次の中に個条書きを入れる方法です

下の目次と内容は説明用に作った記事です
　

１番　自転車

1. 自転車とは
2. 自転車のメーカー
3. 自転車の種類

２番　バイク

• バイクとは
• バイクの種類
• バイクのメーカー

３番　車

1. 車とは
2. 車の種類
3. 車のメーカー

１番　自転車

1. 自転車とは
   動力は人間の力
   外見はバイクとよく似ているがバイクの方がはやい
2. 自転車のメーカー
   　　ＧＩＡＮＴ（ジャイアント）Bianchi（ビアンキ）
3. 自転車の種類
   　ママチャリ　ロードレース　オフロード　　

２番　バイク

• バイクとは
  タイヤが２つあり自転車によく似ているが自転車よりも速度がでる
• バイクメーカー
  　　ホンダ　ヤマハ　スズキ　ドゥカティ
  
  
• バイクの種類
  　オフロード　オンロード　スクーター　スーパースポーツ

３番　車

1.                車とは
   最高速度が３００Ｋｍ以上出るものもある
2.                車の種類
   　　セダン、クーペ、トラック
   
   
3.                車のメーカー類
   　トヨタ、ホンダ、スズキ、マツダ

目次の項目を１番は連番で書いたものです

２番は個条書きのものです

３番は個条書きの項目をクリックすると

内容の項目に案内するようにしました

個条書きに連番を付ける場合
<ol>
<li>自転車とは</li>
<li>自転車のメーカー</li>
<li>自転車の種類</li>
</ol>

※<ol> ～</ol>のタグで連番付きの個条書きの項目になります

<ol>のタグを<ul>に変えると連番なしの個条書きの項目になります

<p>個条書きをそのまま使う場合</p>
<ul>
<li>バイクとは</li>
<li>バイクの種類</li>
<li>バイクのメーカー</li>
</ul>

最後に目次にチョット手を加えれば

見た目の印象も変わって

いいんじゃないですか

にほんブログ村