サルでもわかる?かんたんHTML トップページ
>>> #5.リンク
>>> ページのトップへジャンプしよう
「さて、今まではクリックすると他のページへジャンプしておったな。
今回は同じページの他の場所へジャンプするタグを勉強するぞぃ。」
「ページ下の「トップへ戻る」をクリックしたら
ページの一番上へ戻ったじゃろう?
こんなタグを使うぞぃ。」
ページのトップへジャンプするためのタグ
-----------------------------------------------------------------
<A name="■"> 〜 </A> : この場所に■という名前をつける。
<A href="#■"> 〜 </A> : 〜をクリックすると■までジャンプする。
(■には半角英数字で好きな名前を入れる)
-----------------------------------------------------------------
「HPのページの下の方で「ページのトップへ戻る」というような
リンクを見たことあるかのぅ?」
「はい、あります!
縦になが〜いページだと、一番上に戻りたい時に便利ですよね。
下のタグは最初にやったリンクを貼るタグですか?」
「うむ。じゃがちと違うぞぃ。
よく見ると下のタグの■の前に # がついておるぞぃ。
このタグは2つでセットになっておるんじゃ。」
「ほんとだ。今回■に入るのはURLじゃないんですね。」
「そうじゃ。自分で好きな名前を入れられるぞぃ。
これは実際に使ってみた方がわかりやすいのぅ。」
「1ページの長さが画面に納まってしまう程度の行数じゃと
このリンクは意味がないぞぃ。
画面の横にスクロールバーが出るくらい長いページの場合に使うとよいぞぃ。」
「ちゃんとページのトップに戻れたかのぅ?
「ページのトップへ戻る」の部分はもちろん画像も使えるぞぃ。
今回はこれでおしまいじゃ。」
↑ページのTOPへ
サルでもわかる?かんたんHTML トップページ >>> #5.リンク >>> ページのトップへジャンプしよう
今回は同じページの他の場所へジャンプするタグを勉強するぞぃ。」
| サンプル |
ページの一番上へ戻ったじゃろう?
こんなタグを使うぞぃ。」
-----------------------------------------------------------------
<A name="■"> 〜 </A> : この場所に■という名前をつける。
<A href="#■"> 〜 </A> : 〜をクリックすると■までジャンプする。
(■には半角英数字で好きな名前を入れる)
-----------------------------------------------------------------
リンクを見たことあるかのぅ?」
縦になが〜いページだと、一番上に戻りたい時に便利ですよね。
下のタグは最初にやったリンクを貼るタグですか?」
よく見ると下のタグの■の前に # がついておるぞぃ。
このタグは2つでセットになっておるんじゃ。」
これは実際に使ってみた方がわかりやすいのぅ。」
| メモ帳 |
|
<BODY>〜</BODY> の間に入力
<A name="top">一寸法師</A> むか〜しむかしあるところに おじいさんとおばあさんが住んでいました。 ↓ ↓ ↓ ↓ (略) ↓ ↓ ↓ ↓ めでたしめでたし。 <A href="#top">トップへ戻る</A> |
このリンクは意味がないぞぃ。
画面の横にスクロールバーが出るくらい長いページの場合に使うとよいぞぃ。」
| ブラウザ |
「ページのトップへ戻る」の部分はもちろん画像も使えるぞぃ。
今回はこれでおしまいじゃ。」
↑ページのTOPへ
|
リンク画像の枠線を消そう <<< 前のページへ戻る |
別のウインドウで開こう 次のページへ進む >>> |
サルでもわかる?かんたんHTML トップページ >>> #5.リンク >>> ページのトップへジャンプしよう
