●今回からは知っていると役に立つテクニックを紹介していきましょう
ここまでで、だいたいの基本的な作成方法を紹介してきました。
なんとか形になってきていると思います
今回はリンクという方法についてお話していきますね
●リンクとは
わかりやすいＨＰ講座で用語の説明をしましたね
ＷＷＷというのが世界中に張り巡らされているクモの巣のイメージだということ
そして私達がこのクモの巣の一つに居住地を持っているとこ
この居住地から電話回線などで世界中に繋がっていること
自分のＨＰにも同じ事がいえるのです
どういうことかって言うと
今までお話をしてきたことで表紙（つまり画面でいうと一枚だけという事・・う〜〜〜ん一部屋って
考えてもいいかも）だけができあがっています。
これだけではＨＰとしては寂しいし、物足りなさを感じていると思います
だから同じ方法でいくつものお部屋を作って、その新しく作ったお部屋と表紙を繋げれば無限に情報
を公開できるようになります
例えば新しい部屋を「自己紹介のお部屋」にしたり「日記帳のお部屋」にしたり「お気に入りの写
真・イラストの部屋」にしたりしてそこに、あっと言う間に画面をチェンジすること。
これがリンクというイメージなの
わかるかしら？
●実際には文字・画像をクリックするとカーソル（画面上で三角形になっている）が、ある文字・写
真に触れると「手の形」に変わりそこをクリックすると画面が変わるでしょう？
この方法で次から次へと画面を変えて、新しい情報を表示していくの
●この方法でお友達のＨＰと繋いだりする事もできるのよ
このテクニックを上手に使えば快適なＨＰが出来上がるわよ
●実際の手順
最初に表紙を作ったときに新しく日記帳をつくったでしょう？
これを＜ＨＴＭＬ＞〜＜/ＨＴＭＬ＞というタグで作り上げたわよね
同じように新しくＨＴＭＬのお部屋をもう一つ作るの
そしてこの新しいお部屋にタイトルをつけてそれと繋ぐという事になります
できあがった新しいお部屋と初めにつくったお部屋（表紙）を繋ぐためにアンカーエレメントという
のを使います
●アンカーエレメント
＜Ａ ＨＲＥＦ＝”新しい部屋のファイル名”＞☆☆☆＜/Ａ＞
１）初めの「Ａ」はＡｎｃｈｏ（錨・いかり）の意味です
２）新しい部屋のファイル名は例えば自己紹介とか日記帳などの様な自分が紹介したい記事などのフ
ァイル先です
３）☆☆☆にはリンクを設定したいテキストをいれます。
例えば今まで作ってきた表紙のなかから「月下美人」というテキスト（文字）をクリックしたらその
詳しい内容の説明されている新しい部屋（項目・画像）に行ける
私が今まで紹介してきたＨＰ講座で「赤い文字」をクリックしたらその紹介記事の新しい画面が出て
きたでしょう？
この方法の事なのよ・・
わかるかしら？
だから☆☆☆の設定は自分の好き勝手に入力していいのよ
完成したら文字の下に「アンダーラーン」がつくからね
●もう少しだけ
例えば新しいファイル名を「月下美人の紹介」にしたとしましょう
新しいファイルは
＜ＨＴＭＬ＞
＜ＨＥＡＤ＞
＜ＴＩＴＬＥ＞月下美人の部屋：紹介＜/ＴＩＴＬＥ＞
＜/ＨＥＡＤ＞
＜ＢＯＤＹ ＢＧＣＯＬＯＲ＝”ｂｌｕｅ”＞
月下美人とはほんの数時間だけ白い花を咲かせてすぐにその短い生涯を閉じます
＜/ＢＯＤＹ＞
＜/ＨＴＭＬ＞
こんな感じで月下美人の紹介をあたらしくお部屋でつくります
●（１）から（１２）までで作ってきた表紙の中から「月下美人」という言葉を選んで今つくった新
しい部屋とリンクさせます
これでＯＫ
このもとの「月下美人」という箇所がブラウザでみるとリンクを設定した箇所が見えにくくなってい
るでしょう
あるいは別の色になっているとか・・
だからこれを修正すればＯＫなのよ
●＜ＦＯＮＴ ＣＯＬＯＲ＝”ｗｈｉｔｅ”＞月下美人＜/ＦＯＮＴ＞
これでＯＫよ
いかがでしょうか？
