· 

Jimdoに目次を作る機能がないのでHTMLでどうにかする

Jimdoではページ内リンクを設定できないのでHTMLで作ってみることにしました。

目次を作る手順

1. タグにidをつける

飛びたい場所のタグにid名をつける。

 

<h1 id=" id名 "> 見出し1 </h1>

2. 目次でidを指定する

id名に#をつける。

 

<a href=" #id名 "> 文字 </a>


文章から作成した目次

ウィジェット/HTMLから作成した目次

見出し1

<h1 id="mi1"> 見出し1 </h1>

見出し2

<h2 id="mi2"> 見出し2 </h2>

見出し3

<h3 id="mi3"> 見出し3 </h3>

見出し4

<h4 id="mi4"> 見出し4 </h4>


さらなる変更を加える

  • ul・ol・li タグで箇条書きをつくる
  • aタグでリンクをつくる
  • cssを使ってデザインを変える

気づき

  • HTML/CSSで作ってしまえば、コピー&ペーストで使えるようになる。
  • 思い通りにデザインを変更できる。
  • 調べながら作ることでHTML/CSSの勉強になる。