1. HOME
  2. ブログ
  3. 同ページ内アンカーリンク

同ページ内アンカーリンク


ページが長くなった場合、章やカテゴリごとに見出しをつけて、そこへジャンプさせる方法です。

アンカーリンクというそうです。

 

第1章 ここをクリックすると

 

こんな感じで、ユーザーに便利な機能です。

 

”第1章 ここをクリック”すると の部分をテキストではなく、画像でもできるのですが、

ちょっとコツが必要でした。
<a href=”#tag1“><a href=”http:/画像のURL.jpg”></a>

 

基本はテキスト部分を画像のURLに変えるだけなんですが、

このあと対象の画像のプロパティを開き、リンクURLに 上と同じく #tag1 を入れてあげるんです

 

 

無題

 

これで、アンカーリンクのタイトル部分を画像にすることができます。

 

 

 

ここにジャンプします

 

 

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

関連記事