ＨＰ作成時のリンク方法

質問

初めてＨＰを作成しているのですが、標記の件でわからない事が２点あります。

時々、一般のＨＰで
「クリックすると、あるページの『途中の部分』にとぶリンク」
というのを見かけますが、あれはどのように設定するのでしょうか？
例えば、リンクの箇所が２箇所あって、どちらも同じページに
とぶのだけれど、表示される場所が違う（片方が同じページの
ずっと下のほうだったり）ような時の事です。

また、同じリンク（？）の件ですが
「クリックすると、そのページ自体は変わらないけれど、そのすぐ
下に数行分の新しい表示が現れて、もう一度クリックすると
（縮むように）元に戻る」
というのを見た事があるのですが、その設定方法もわかりません。

「新しいページを作ってそこにリンクさせるほどの事じゃないな」と
いう時に使いたいと思っているのですが……。
色々調べたのですが、見つからないのです。もしかして、初心者には
無理な難しい方法なのでしょうか？
わかりにくい文章で申し訳ありませんが、もしご存知の方が
いらしたらご助言下さい。よろしくお願いします。

回答No.1

mach-mach · ベストアンサー

リンクがabc.htmlだとします。
「とばしたい部分」に<a name="123"></a>というようにアンカーを立てます（ここでは123としましたが、普通の半角英数なら何でも良いですよ）
んで、リンクを<a href="../../abc.html#123"></a>というように指定すると良いですよ。
1枚のhtmlにいくつでもアンカーを立てることができますので、やってみて下さい。

そのページの下に行くのも同じ方法です。

お礼

御回答有難う御座いました。
（お礼が大変遅くなりすみませんでした。）

回答No.4

yusuke_1977

１つ目の質問は皆様が完璧なお答えをなさっているので、２つ目の方を、回答させていただきます。

かきURLの上から４つ目「■長くなっている部分を隠す」のことでしょうか？
http://artifact-jp.com/mt/archives/200401/mtmemo0122.html

以下のサイトで動き方が見れます。
http://gnk.s15.xrea.com/

このスクリプト使えばそんなに難しくないですね。

お礼

わかりました。御回答有難う御座いました。
（お礼が遅くなり申し訳ありません。）

回答No.3

softbankHawks

1つめの質問ですが、
http://heo.jp/tag/href/namelink.html
こちらの説明でわかりますか？

これの応用で、他のページのアンカーが埋め込まれた部分に直接とばしたい場合は
＜A Href="http://oshiete1.goo.ne.jp/hogehoge.html#アンカー名"＞というような表記をします。

ちょっと重いけど、こっちの説明が詳しい。
http://sakura-hina.magnet.ne.jp/blog/f/10149930.html

2番目のはどういう動作かよく分かりません。
具体的なページを教えてください。

お礼

よくわかりました。（２番目のも判明しました。）
お礼が遅くなりすみません。有難う御座いました。

回答No.2

sr-agent

例えば、
okwave.htmlというページの途中の「A」という部分に飛びたい場合には、
<a name="a">A</a>と囲んでおきます。

同じページのままそのページのaという部分に飛びたいときは、
<a href="#a">A</a>とすれば飛ぶことが可能です。

仮に別のページからokwave.htmlのaという部分に飛びたいときは
<a href="okwave.html#a">A</a>
とすればokwave.htmlというファイルのAの部分に飛ぶことができます。

試してみてください。

お礼

お礼が遅くなり申し訳ありません。
よくわかりました。有難う御座いました。