にゃんこちゃん達、無事に新しいお家に～！
本当に良かったですね～（*^_^*）

ページ内でジャンプは長い日記を書かれる人にはいいですね。
私はいつも短い日記（爆）ばかりなので、今度長～い日記を書いて使ってみようかな～(~_~;)
(2005年03月20日 23時40分14秒)

2334638

ホーム | 日記 | プロフィール

【フォローする】【ログイン】

バカネコ日記

フリーページ

保存ﾌｧｲﾙ見方

< 新しい記事

新着記事一覧(全963件)

過去の記事 >

全て | カテゴリ未分類 | バカネコＰＣ講座 | バカネコのお話

2005年03月20日

暑さ寒さも彼岸までという。
確かに若干暖かくなったし、陽も長くなった。
それでも、まだ寒がっているトド教授の、バカネコ講座を始めよう。

前回は、ページ内でジャンプをするには、前もって、
飛び先の名前をつけておこう、というお話であった。

リンクの基本形は、 <a href="飛び先">テキスト</a> 　である。
同じページ内でジャンプする場合、"飛び先"は、自分のURLでは意味がない。
だから、その「宛先」はアンカータグで名前をつけることで作る。

memo1 という名前をつけて、宛先というか、目印にしたければ、
<a name="memo1">テキスト</a>
と書くわけである。　ここまでが前回のおさらい。

では、自分で作ったその宛先に、リンクを張って飛ばすには、どうするのか。
これが本日のテーマである。

これもアンカータグを使う。
普通のリンクと何も変わらない。　違うのは飛び先の書き方だけである。
URLの代わりに、さっき付けた目印を、飛び先の位置に書くだけだ。
ただ、この時に、ちょっとだけ「お約束」がある。
半角の「#」を付けるのだ。

先ほどの「memo1」という名前をつけた「テキスト」という語句にリンクするには、
<a href="#memo1">テキスト</a> 　と書けばよろしい。
実にカンタンな話だ。　「#」を付け忘れなければ．．．。

これで、ページ内の好きなところに、勝手に名前を付け、
どこからでも好きなように飛ばせる。

もうひとつ、簡単な手抜きワザを紹介しよう。
ページの先頭に戻るには、目印は要らない。
ひとつの方法として、自分のURLを指定してもいいのだが、
もっと簡単な方法もある。

「ページの先頭へ戻る」という語句に、リンクを仕込んで、先頭に
飛ばす場合を考えよう。
この時のリンクの飛び先は、「#」とする。
例：　 <a href="#">ページの先頭へ戻る</a>

もちろん、飛び先である先頭に目印はない。
それでも、ちゃんと先頭にジャンプする。
「#」は自分自身を表す名前として機能しているのである。

ただ、残念なことに、楽天では、この方法は許されていないようだ。
「HTMLタグの記述に誤りがあります」と、怒られてしまう。
しかたがないので、楽天日記を書く場合は、「#」ではなく、
自分のURLを指定しよう。

【今日のポイント】
　１．ページ内ジャンプする場合の、宛先には「#」をつける。
　２．ページの先頭にジャンプするには、自分のURLを指定する。
　３．楽天では使えないが、「#」のみを指定して、先頭に飛ばす
　　　方法もある。

【次回の予定】
　インターネットエクスプローラでも取れない画像を、
　ダウンロードするには、どうしたらいい？
　「スタイルシートのお勉強」の巻

別れの前日の写真。

【コロン短信】
　お彼岸であるから、コロンの墓参り。　といっても、庭先だ。　
　線香と花を供え、般若心経を唱えた。　安らかに眠れ。

【トド短信】
　返事をしなくちゃいけないメールがたまっている。
　不精者は．．．などと、トボケたことを言っていられなくなった。
　ひぇ～～！

この記事が、役に立ったと思う人は１票！　クリック　→

　途中でわけがわからなくなっても、責任は負えませんので、あらかじめご了承下さい。

ネコでもわかるＰＣ講座はこちら　→　バカネコ講座

【楽天トラベル】バカネコ講座バカネコソフトバカネコ村爆笑ガイド猫砂の研究パソコン購入費用の削り方現物の投下位置ずぼらなアクセスアップページを読みやすくする方法バーニャン１号ミニバーニャン１号の秘密にゃんこのコスプレテキストリンク下線の消し方楽しめるアフィリ己を知れ自分のＰＣを知るバカネコ・ビュ・
!<%" バーニャン２号にゃんタグ・フルバージョン

バカネコ村の秘密兵器

画面右上「日記リンク追加」をクリック、「◎追加する」ボタンを押すとこの日記がリンクできます。
このサイトの新着記事の通知をご希望の方はご利用ください。

お気に入りの記事を「いいね！」で応援しよう

最終更新日 2005年03月23日 23時08分10秒
コメント(35) | コメントを書く

[バカネコＰＣ講座] カテゴリの最新記事

マイドキュメントフォルダを、Ｄドライブ… 2008年08月12日コメント(22)
保存できないWebページを保存するには 2008年07月03日コメント(22)
Outlook Express を整備してドライブの空… 2007年11月21日コメント(28)

■コメント

Re:ページ内ジャンプの方法２(03/20)

ねこの肉球☆ さん

使いこなせたら　すごく便利そう！
頑張るにゃん(=^･^=)

３ニャンズ、本当によかったですね(^o^)
(2005年03月20日 18時07分32秒)