たとえば、上の例で、「絶対嫌い」というボタンをクリックしたとします。
すると、あなたのブラウザーは, 次に示すチンプのところへジャンプします。

そんなきつい事を言わないで欲しいなー。。。

そして、「戻る」のボタンをクリックすると、初めの質問のボックスへジャンプするわけです。この部分のコードを見ると、次のようになっています。

<a name="thisTable"></a>
<img src="../images/puckerx2.jpg"
  ALT="A chimp in love (310x242)"
  width="310" height="242">

<p>
<a href="#sonna">
<img name="button1" src="../images/butoff.jpg"
  ALT="small red button off (18x18)"
  width="18" height="18" border="0"></a>
絶対に、嫌い！

<p>
<a name="sonna"></a>
<img src="../images/chimp.jpg"
  alt="Chimp in distress"
  width="285" height="195">
<p>
そんなきつい事を言わないで欲しいなー。。。
<P>
<a href="#thisTable">
<img border="0" src="../images/return.gif"
  alt="return button (return.gif--150x50)"
  width="150" height="50"></a>

上のコードで見て分かるように、アンカータッグを使って、ジャンプ・アクセスを起こしているわけです。まず、２つのチンプの写真に、name アトリビュートを使って、 それぞれに名前をつけています。上のチンプには　thisTable、　下のチンプには　sonna　という名前がつけてあります。

それぞれのボタンには、その名前のところへジャンプするように、href　アトリビュートを使って、ちょうど、ほかのページへリンクする時のように、コードを組んでいます。 ただし、この場合には、#　記号を名前の前に付けます。こうすることによって、ボタンをクリックすると、名前がつけられた場所へジャンプすることになります。

他のページの名前に
ジャンプする時はどうするの？

たとえば、mypage.htm というページに、sonna という名前をつけた場所があるとします。その場合、このページから、 その場所へジャンプ・アクセスするには、次のようにコードを組みます。

<a href="mypage.html#sonna">ここをクリックする</a>と、mypage　の　sonna　ちゃんの所へジャンプします。

下のリンクで試してください。

ここをクリックすると、mypage　の　sonna　ちゃんの所へジャンプします。

name アトリビュートを
使わないでやると。。。

To Part 2

• 透明なイメージ （spacer.gif） って何ですか？
  
  
• FORMタグの使い方もっと教えてください！
  
  
• 簡単なジューク・ボックスの作り方
  
  
• イベント・ハンドラーってどうやって使うの？
  
  
• アンカー・タグとジャバスクリプト
  
  
• 他にどんなボタンがFORMタグで使えるの？
  
  
• VOID(0)って何？どう使うの？