ＨＰを作成しています。

質問

こんにちは、ＨＰを現在作成しています。
それで...。したい事があるのですがやり方が分かりません。教えて下さい。

１ページを縦に長く作成しました。。。。
ところが、長いためスクロールを使用して下に下がるのが面倒になり...。そこで、同じページ内でお目当ての項目へ飛べるようにしたいのですが、何かイイ方法はありませんか？
どなたか教えて下さい。

回答No.2

kuma56 · ベストアンサー

ページの途中に名前をつけてやって、
例えば"<a name="tocyu01">途中01"
と言うソースを書いておいて、
初めに表示されたエリアの一番下にそこに飛ぶように書いておく。
例えば"<a href="#tocyu01">▼GO 01</a>"
こんな感じ。
そうすると、初めに表示されたエリアの一番下に、
"▼GO 01"と表示されているので、そこをクリックすると、
"途中01"と書いてある所まで、飛んでくれます。
今度は、"途中01"で表示されているエリアの一番下に
"<a href="#tocyu02">▼GO 02</a>"
と書いておき、飛ばしたい所に、
"<a name="tocyu021">途中02"
としておけば、続いていけます。
<a name="xxxx">と<a href="#xxxx">の XXXX を合わせておけば、そこへ飛んでくれます。
画面の表示は、"次へ"とか"進む"や"戻る"など適当につければいいと思います。
また文字でなく、
"<A href="#tocyu01">
<IMG src="images/xxxx.gif" alt="次へ飛ぶ GO!"></A>"
としておけば、"xxxx.gif"をボタン代わりに出来ます。

またページをフレーム分割（上下・又は左右など）しておいて、片方に、
<a href="#tocyu01"target="right">▼GO 01</a><p>
<a href="#tocyu02"target="right">▼GO 02</a><p>
<a href="#tocyu03"target="right">▼GO 03</a><p>
<a href="#tocyu04"target="right">▼GO 04</a><p>
<a href="#tocyu05"target="right">▼GO 05</a><p>
<a href="#tocyu06"target="right">▼GO 06</a><p>
<a href="#tocyu07"target="right">▼GO 07</a><p>
見たいに並べておけば、フレームのもう片方(仮に"right"としてみた)に本文の名づけた部分から表示させられます。

お礼

詳しく教えて頂いて有難うございます。
助かりました。
やってみたら、できました(>_<)

回答No.3

mynamy373

アンカーというリンクを貼れば実現できます。
記述の仕方は回答者の方々の通りです。

参考になりそうなサイトを紹介します。

http://www.tohoho-web.com/how2/link.htm#nameLink

お礼

こんな方法もあるんですね～。
有難うございます。
今度、使用してみます！

回答No.1

tatsumi01

飛ばせたい元で
<A HREF="#yukisaki-01">目的地１</a>に行く
などとして、行き先に
<A NAME="ykukisaki-01">目的地１<BR>
と入れればよいと思います。

お礼

有難うございます。
助かりました。