第 六 章 （更新：2004.06.30.）#6006
実習ノート 第 六 章 ： リ ン ク ･ ジ ャ ン プ
_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
この章では、良く行くホームページ（ＨＰ）にリンクする方法や、自分のＨＰ内の見たい（見て欲しい）ページにリンクする方法。
あるいは、同じ表示１ページ内で、ジャンプ（目次の項目をクリックしてみてください、その項目に移動したり）、項目を読み終え、最初（目次）に戻ったりする方法を書きます。
ここでは、全て【リンク】あるいは【リンクを貼る】などと呼びます。
【リンクを貼る】時に、何をクリックするとリンクするのか。《文字》であったり、《写真》であったり、提供の素材を使った《バナー》や《ボタン》であったりします。
ここでは、それらをすべて《リンク素材》と呼び、、具体例で、《文字に貼る》《写真に貼る》などと書きます。
ＨＰの編集・作成などを始めると、書籍から学んだり、他の『楽友』さんに教えてもらう機会が増えてまいります。
しかし、 ＨＴＭＬのタグを「書き込み」などで教えてもらうと、 プログラムとして認識され、 伝わった時には、『タグ』がありません。
いろんな方法で、皆さん苦労をしておられます。
この章では、『＜＞』不等号マークは、『タグマーク』と呼び、本来半角表示で表示するのですが、あえて全角で表示します。
《半角で表示する方法もありますが、混乱を避け、全角で表示しています。》
実際に全角の場合は、『全角』である注釈をつけます。
参 考
『閲覧画面』 は、誰にでも見ることができ、『楽友』さんの『閲覧画面』も勿論見ることができます。しかし、『書き直し』『削除』など『編集』は、できません。
『編集画面』 は、自分の『編集画面』しか表示されません。各種の編集も『編集画面』で行います。
目次項目（下線のあるもの）をクリックすると、その項目にジャンプします（この場合、文字が、《リンク素材》で、一般的には、【文字にリンクを貼る】と言っています）。
下線のないものは、作成・編集予定のもので、クリックしてもリンク（ジャンプ）しません。
第 １ ★ リンクの種類と基本 ６００６－００１
第 ２ ★ リンク・タグで基本の実践 アドレスだけを書くー１ ６００６－００２
第 ３ ★ リンク・タグで基本の実践 アドレスだけを書くー２ ６００６－００３
第 １ ★ リンクの種類と基本 ６００６－００１
第 １ ★ リンクの種類と基本 ６００６－００１
このリンク・ジャンプの章で、< 『 良く使う用語やタグ 』 は、最小限重要なのは、次の通りです。
★ 【 ＵＲＬ 】 は、二つの使い方があります。
第一は、【移動先のＵＲＬ】で、何処のページへ行こうとするのか、どの項目に移動しょうとしているのか、その行き先を表わすアドレスで、一般的には、《http://www》などで始まるものが多いです。通常自分のＨＰ内などの同じ属性では、《http://www.aaa.jp/bbb/ccc》ある程度省略して《/（スラッシュ）》の後ろだけ書けば良いのですが、『楽天』では、誤解を避けるために、全部書かないと受け付けません。全部書くことが正しいわけですから、全部書く癖を付けといた方が良いでしょう。
第二は、『画像や写真』など、【移動元のＵＲＬ】です。『楽天画像倉庫』などのアドレスがこれにあたります。文字にリンクを貼り付ける場合は、文字を自分で書けばいいのですが、良く見かける『バナー・ボタン・写真・イラスト』などに貼り付けるには、それらの《リンク素材》を持ってくる必要があります。その《素材》元が、【移動元のＵＲＬ】です。
★ 【 ＜a＞や＜a href＞ 】 は、どんなリンクにも必ず出てくるタグで、【＜a href="＊＊＊"＞】で、リンク開始のタグ、 【＜/a＞】リンクの命令終了のしるしで、セットで使われます。
【 ＜a name＞ 】 もあります、これは表示中の画面で、下のほうの項目や、逆に上のほうの項目など、スクロールが大変な時、最初に戻ったりする時に使います。あとで詳しく述べますが、一般的には、 【 ジャンプ 】 と呼ばれています。
★ 【 ＵＲＬ 】 は、
★ 【 Ｉ Ｅ 】 ( Internet Explorer )は、インターネットに接続する、ブラウザと呼ばれるソフトで、本文中は、【ＩＥ】と略して表わすことが多くあります。
★ 【 薄い紙 】 は、この『ページ一覧』だけの造語ですが、良く使います。画面に書かれる『文字』などが見えない紙で、『文字』の上に貼り付け、『文字』を見えなくします。
>
【 ア ド レ ス だ け を 書 く ー １ 】
それでは、実際に繋（つな）いでみましょう。ＩＥ画面の上部に 【アドレス(D)】 という欄があり、右の空白部分にＩＥの絵マークの次に、 【ＵＲＬ】《http://～～》 が書かれています。今書かれている 【ＵＲＬ】 は、みなさんが現在（たった今）見ている『楽天広場(plaza.rakuten.co.jp)』の『楽天家・浦島太郎のホームページ(optimisturashima)』の『ページ一覧・楽天超初心者実習第６章(6006)』の住所で、それぞれを《 / (スラッシュ)》で結び付けています。見比べてください、世界でたった一つの住所なのです。
この【アドレス(D)】欄に、みなさんが見たい（例えば、ご自身の）ＨＰ・アドレスを書き込んでいただき、【Enterキー】を押せば、瞬時にご希望のＨＰが表示されます。
しかし、長い【アドレス】をページを替える度に入力することが大変です。この入力を緩和する方法として、（１）みなさんのＨＰにある【HOME】【DIARY】【BBS】などの同一ＨＰ内のリンク と （２）全く異なるＨＰへ移動する手段として、【お気に入り】というリンクがあります。
このことによって、【長いアドレスを覚え】、【長いアドレスを入力】する必要がなくなったのです。
現状では、この機能を数の上でも書き表すことに限界があります。それを自分のＨＰの必要なページ（画面）に作り出そうとするのが、この『楽天・超初心者実習・第６章』の目的です。
今、私の【アドレス】だけを書きますと
http://plaza.rakuten.co.jp/optimisturashima/
http://plaza.rakuten.co.jp/optimisturashima/
上記のように、良く見ていただくと、同じ【アドレス】が、２種類あることに気がつくと思います。
上の【アドレス】は、アンダーバー（下線）がありませんから、【ＩＥ】最上部の【アドレス(D)】に【コピー＆ペースト】して、【Enterキー】を押せば、【トップページ】に瞬時に切り替わります。
下のようにアンダーラインがある【アドレス】は、そのまま【アドレス】をクリックしていただくと【HOME】をクリックしたのと同じように【トップページ】が表示されます。
実は、【HOME】バナー（ボタン）の裏には、この【アドレス】が隠されています。隠された【アドレス】に、あなたの【アドレス】を隠すことが出来れば、瞬時に、あなたのＨＰが表示されます。
【HOME】バナー（ボタン）は、【アドレス】を隠す【薄い紙】があててあり、【薄い紙】の上にマウスを持っていって、【薄い紙】の上から実際は【アドレス】をクリックしているのです。
【薄い紙】という表現で今後何回も出てきますから、理解しておいてください。
二つの【アドレス】を利用して、どちらででも【トップページ】を表示出来るように、必ず実習をして見ましょう。
この２種類の違いなどを次の 第 ３ 項目で述べます。
全体は、ここまで つぎの【/Table】タグで、全テーブルを閉じる。以下は、私のメモです。
name="001"
特別付録：『楽師・悠游』さんからの情報を元に編集（未完）
本文中、 「半角」「全角」 の表現は、すべて タグマーク「＜＞」が。「半角・全角」 のこと、を指しております。また「ＵＲＬ」「メイル」もそれぞれのアドレスを省略して表記しております（本文にがぎって）。 ○数字が、機種依存文字で書き込み不能になりましたので、ＡＢＣに書き換えています。
（27日早朝）26日のリンクを_/_/_/_/の下においてみました。
Ａ 『楽天』では、「ＵＲＬ」や「メイル」をクリックでジャンプするようには、 送信 できません。
Ｂ タグマークを「半角」記述した場合、「ＨＴＭＬとしての命令」を受けたものとして、相手に送信しても、連絡文章として認識しませんから相手には『表記』されません。
Ｃ アドレスは、こうですよと伝える場合は、「全角」でくくった記述にし、『そちらで、「半角」にして、ご使用ください」と注意書きを添えることが肝要です。
Ｄ 昨日Ａ～Ｃを送信しましたが、Ｂは「半角」で記述したものです。そのため、「高爺」さんのところでは、「アドレス」部分が消滅いたしております。
Ｅ 「クリックでページにジャンプする」 のは、 自分の「日記」「ページ一覧」 にのみ有効で、相手の「日記」への『感想』も「書き込み」と同じく相手に送信する行為として出来ません。
Ｆ 「高爺」さんの『日記』による新聞への「ジャンプ」は、アドレスの内容によるものでなく、『自分の日記』だから有効です。 Ｇ 私が、他の人にＵＲＬを教えるのに、「本家」アドレスを自分の『日記』に記述したのは、そのためです。
表現がわるく、理解しにくいものは、例『Ｂの○○が、どういうことかわからん」とお知らせください。
name="002"
当時の「朝日新聞」系、「中日新聞」系のＷＥＢニュースですが、内容の性格から、今は、アクセスしても、表示（文字・写真などの欠落状態）がないだろうと思います。(ps.20040630)
こちらからどうぞ＝＝> 「※出番待つ桃の花出荷」
こちらからどうぞ＝＝> 「※ 25日のトップ採用写真一覧」
name="003"
掲示板にタグが表示できるようです。
下の書き込みでおかしな書き込みになった分かりました。
＜の小文字は ＆ｌｔ；の小文字で ＞の小文字は ＆ｇｔ；の小文字で表示できます。
＆ｌｔ；ｆｏｎｔ＆ｇｔ； を小文字で書けば と表示されます
チョットテストさせてください。 ＆ｌｔ；a href=" http://www.geocities.co.jp/HeartLand-Yurinoki/8226/ " target="_blank"＆ｇｔ；「浦島太郎のホームページ(Yahoo検索可能)」＆ｌｔ；/a＆ｇｔ； ＆ｌｔ；「浦島太郎のホームページ(Yahoo検索可能)」＆ｌｔ； 上＜＞なし 下＜＞あり
このページの ト ッ プ ： 目 次 へ
戻 る
特別付録：『楽師・悠游』さんからの情報を元に編集（未完）
本文中、 「半角」「全角」 の表現は、すべて タグマーク「＜＞」が。「半角・全角」 のこと、を指しております。また「ＵＲＬ」「メイル」もそれぞれのアドレスを省略して表記しております（本文にがぎって）。 ○数字が、機種依存文字で書き込み不能になりましたので、ＡＢＣに書き換えています。
（27日早朝）26日のリンクを_/_/_/_/の下においてみました。
Ａ 『楽天』では、「ＵＲＬ」や「メイル」をクリックでジャンプするようには、 送信 できません。
Ｂ タグマークを「半角」記述した場合、「ＨＴＭＬとしての命令」を受けたものとして、相手に送信しても、連絡文章として認識しませんから相手には『表記』されません。
Ｃ アドレスは、こうですよと伝える場合は、「全角」でくくった記述にし、『そちらで、「半角」にして、ご使用ください」と注意書きを添えることが肝要です。
Ｄ 昨日Ａ～Ｃを送信しましたが、Ｂは「半角」で記述したものです。そのため、「高爺」さんのところでは、「アドレス」部分が消滅いたしております。
Ｅ 「クリックでページにジャンプする」 のは、 自分の「日記」「ページ一覧」 にのみ有効で、相手の「日記」への『感想』も「書き込み」と同じく相手に送信する行為として出来ません。
Ｆ 「高爺」さんの『日記』による新聞への「ジャンプ」は、アドレスの内容によるものでなく、『自分の日記』だから有効です。 Ｇ 私が、他の人にＵＲＬを教えるのに、「本家」アドレスを自分の『日記』に記述したのは、そのためです。
表現がわるく、理解しにくいものは、例『Ｂの○○が、どういうことかわからん」とお知らせください。
name="002"
当時の「朝日新聞」系、「中日新聞」系のＷＥＢニュースですが、内容の性格から、今は、アクセスしても、表示（文字・写真などの欠落状態）がないだろうと思います。(ps.20040630)
こちらからどうぞ＝＝> 「※出番待つ桃の花出荷」
こちらからどうぞ＝＝> 「※ 25日のトップ採用写真一覧」
name="003"
掲示板にタグが表示できるようです。
下の書き込みでおかしな書き込みになった分かりました。
＜の小文字は ＆ｌｔ；の小文字で ＞の小文字は ＆ｇｔ；の小文字で表示できます。
＆ｌｔ；ｆｏｎｔ＆ｇｔ； を小文字で書けば と表示されます
チョットテストさせてください。 ＆ｌｔ；a href=" http://www.geocities.co.jp/HeartLand-Yurinoki/8226/ " target="_blank"＆ｇｔ；「浦島太郎のホームページ(Yahoo検索可能)」＆ｌｔ；/a＆ｇｔ； ＆ｌｔ；「浦島太郎のホームページ(Yahoo検索可能)」＆ｌｔ； 上＜＞なし 下＜＞あり
© Rakuten Group, Inc.
