HTMLは、Hyper Text Markup Languageの略です。ハイパーテキストという概念・言葉は、テッド・ネルソンという人が30 年も前に考え出したものですが、WWW はこのテッド・ネルソンの思想（の一部）を実現したものだと言えます。ハイパーテキストは、複数のテキストを自由に行き来できるしくみで、これを実現連載しているのがテキスト間の「リンク」です。

■リンクを張るWWW ページの中で、青くなっていたり下線の引いてあったりする文字列やグラフィックをクリックすると、他のページを表示します。
このような場合、元のページから飛び先のページに「リンクが張ってある」と言います。
リンクを張るためには、リンク元のページのHTML の中で、リンク先のページを指定する必要があります。リンクを指定するためのタグが＜ A HREF ＞タグです。

■＜ A HREF ＞タグ＜ A HREF ＞タグの書式は次のようになります。
＜ A HREF="ファイル名"＞文字列＜/A ＞
画像を表示するための＜ IMG SRC ＞タグと似ていますが、異なるのはリンク元の文字列を＜ A HREF="ファイル名"＞と＜/A ＞とで囲む必要があるという点です。WWW ブラウ
ザーで表示したときに、＜ A HREF="ファイル名"＞と＜/A ＞の間にある文字列の部分が、青くなったり下線が引かれたりして、そこに川添 歩 （かわぞえあゆむ）
アクセス株式会社

http://www.axes.co.jp/

第5 回
ホームページにリンクを張ろう
ホームページの醍醐味は、クリック 1 つで他のページへ簡単に飛べることです。
そのためには「リンク」を張らなければなりません。
今回は HTML の、すなわち WWW の神髄とも言うべきリンクについて説明します。

270 INTERNET magazine 1996/6

インターネットマガジン／株式会社インプレスR&D©1994-2007 Impress R&D

図 1 ：ブラウザーで表示すると、＜ A HREF="file1.html"＞と＜/A ＞で囲まれた部分の文字「別のファイル」の色が変わって下線が引かれ、リンクが張られていることがわかる

図 2 ：リンクは、文字列だけではなく、画像でも張れる。
＜ A HREF="page2.html"＞＜ IMG SRC="nextbutton.gif"＞＜/A ＞のように文字列の部分を画像にするだけでいいリンクが張ってあることが明示されるのです。

いたほうがいいので、例えば図 1 のようになります。

＜ A HREF="page2.html"＞＜ IMG SRC=

リンクのためにクリックする部分は、かなら"nextbutton.gif" WIDTH=12 HEIGHT=12 ALT

ずしも文字列ばかりではないことを、すでにいろいろなページを見たことのある人ならば知="next"＞＜/A ＞のようにすればベストです。っているでしょう。ある画像を他のページにの数が増えてくると、ディレクトリーを使って整理しておきたくなります。
あるHTML ファイルから他のディレクトリーにあるファイルや画像を参照するには、その場所をきちんと指示しなくてはなりません。場所を示す指示（道筋）のことをパスといいます。

画像にすればよいだけです。実際には、■異なるディレクトリー（フォルダー）へのリンク

対パスというのは、今の位置から相手先のフ＜ A HREF="page2.html"＞＜ IMG SRC=

これまでは、HTML ファイルも画像ファイ

ァイルがどこにあるかを示すもので、これに対リンクさせるには、文字列の部分をそのまま"nextbutton.gif"＞＜/A ＞

パスには相対パスと絶対パスがあります。相ルもすべて同じディレクトリー（フォルダー）、して絶対パスは今の位置とは関係なく、ディのようになります（図 2）。第 3 回で述べたとすなわち同じ階層にあるものとして説明してレクトリーの階層の一番上からの位置を示すおり、画像の指定ではオプションを付けておきました。しかし少しでもページの数や画像ものです。

インターネットマガジン／株式会社インプレスR&D©1994-2007 Impress R&D

INTERNET magazine 1996/6271

例えば図 3 のようにファイルを置いたとしまにリンクを張るには、それは、一度作ったHTML ファイルを移動＜ A HREF="../file3.html"＞

す。file1.html とfile2.html は最上位階層にするのが簡単だからです。

あり、同じ階層にdoc およびimage というデと書きます。
「..」が「1 つ上の階層」を示し自分のパソコンのディスク上でHTMLを作っィレクトリーがあります。

ます。同様にfile4 からfile1.html へのリンクていく場合、絶対パスで記述すると実際にはならば「..」を重ねて、ドライブ名（ディスク名）が最上位階層となる

この場合、file1.html の中からfile3.html＜ A HREF="../../file1.html"＞

へのリンクを相対パスで張るには、のです。例えばWindows（MS-DOS）パソと書きます。

＜ A HREF="doc/file3.html"＞

ではfile5.html からfile4.html へのリンクと書きます。
「/」がディレクトリーの階層を表す記号で、MS-DOS の「¥」記号にあた

コンでファイルがC:ドライブにあるとすると、は？

るものです。
同様にfile3.html の中からfile4.html にリ＜ A HREF="/c¦/doc/doc2/file4.html"＞＜ A HREF="../doc2/file4.html"＞のように書かなくてはなりません（ドライブ名

1 つ上の階層に行って、そこにあるdoc2 デのあとのコロン「:」はHTML では別の意味をィレクトリーの下なので、こうなります。

ンクするには、持つため、「¦」で代用します）。

＜ IMG SRC ＞タグで、異なるディレクト＜ A HREF="doc2/file4.html"＞となります。file3.html がdoc2 というディレリーにある画像を表示させたい場合もまったクトリーと同じ階層にあるために、file3.html

く同じようになります。

Macintosh では、＜A HREF="/Macintosh HD/doc/file3.html"＞＜A HREF="/Macintosh HD/doc/doc2/file4.html"＞

・ file1.html でimage1.gif を表示するの場所から見た道筋を示せばよいのです。

＜ A HREF="/c¦/doc/file3.html"＞のようになります。

上記 2 例を絶対パスで記述した場合には、＜ IMG SRC="image/image1.gif"＞

これをいざプロバイダーのディスクに転送し＜ A HREF="/doc/file3.html"＞

・ file3.html でimage1.gif を表示する

たら、最上位階層にあなたのドライブ名と同＜ IMG SRC="../image/image1.gif"＞

じ名前のディレクトリーがあることはまあないとなります。先頭に「/」を入れることで最上・ file4.html でimage1.gif を表示するでしょうから、絶対パスで書いたリンクがす

位階層を示し、そこからの階層をすべて記述＜ IMG SRC="../../image/image1.gif"＞

べて死んでしまい、全部書き直さなくてはい＜ A HREF="/doc/doc2/file4.html"＞

けなくなります。

するので、file4.html の場合は2 階層分の名■絶対パスと相対パス前を書かなくてはなりません。

相対パスで書いておけば上のほうの階層のさて、相対パスの場合、リンク先のファイ「絶対パスで書けばわかりやすく簡単なのに、名前を気にすることなく、必要なディレクトルがリンク元よりも下の層にあれば「/」で区わざわざ相対パスで書く意味はないのでは？」リー以下をそっくり転送してもリンクがその切っていけばよいのですが、上にあったらどと思われた方もいらっしゃるかもしれません。

まま生きています。

う記述すればよいのでしょう？

しかし実際には、相対パスで書いておくほ

図 3 の例で、file4.html の中からfile3.html

うをおすすめします。

file1.html
file2.html
file3.html< 最上位階層 ><doc><image><doc2>

file4.html<doc3>

file5.html

image1.gifge>

図 3 ：ページ数や画像の数が増えてくると、ディレクトリー（フォルダー）を使用した階層分けが必要になる。あるHTML ファイルから他のディレクトリーにあるファイルへリンクを張る場合に、パスできちんと指示しなければならない。
パスには相対パスと絶対パスがある

272 INTERNET magazine 1996/6

ファイル名＜ディレクトリー名＞

はファイル
はディレクトリー（フォルダー）インターネットマガジン／株式会社インプレスR&D©1994-2007 Impress R&D

図 4 ： 150 店以上のラーメン屋さんの個人的寸評が載っているNot Me さんのページ

図 5 ：★マークでおすすめ度を表示している「おすすめのダイエット食品」のページ

口コミは重要な情報源
それなりに意味のある情報だ。

私たちは毎日のように、何かしらモノを購マスコミのそれよりも重要視されたりする。

入して生活している。それは雑誌であったり、個人が作っているホームページも、口コミ

いちいち感想を書くのが大変だったら、お野菜であったり、ソフトウェアであったり、服の延長といってもいいだろう。そこに書かれおざっぱに五段階評価をしてしまってもいい。

であったり。

る非常に個人的な感想は、個人的であるがゆ「買ってすごく得した！」が5、「買うんじゃえに、マスコミの情報よりもはるかに信頼でなかった」が1。今日買ったものをリストアきると考えることもできるだろう。

ップして、それぞれ五段階評価をつけて、でそして購入したものについて、やっと手に入ってうれしいとか、最近はダイコンが高いとか、似合わない服を買って失敗したとか、つまり、自分が購入したものについて、そきれば買った場所なんかの情報も入れておく

思った以上に役に立つものだとか、いろいろの紹介と感想を書いてホームページに載せるといいだろう。そして、それを単純な表にしな感想を抱く。

ことで、自分の考え方や好みを伝えることがてホームページにしていく。これだけでも、数考えてみると、何かモノを購入するときにできると同時に、これからそれを買うかもしれがたまってくると面白い。自分が買い物上手私たちがよく参考にするのは、友人や家族かない、あるいは買うことをやめるかもしれないかどうかも一目瞭然で分かることになるだろら聞くそうした感想ではないだろうか。そし誰かにとって、とても重要な情報となるのだ。

う。ある特定の種類、例えば食べ物であるとて自分もまた、他の人との会話の中でしばし

どこそこのスーパーでタケノコが安かったのか、雑誌であるとか、限定して記録していっば自分が購入したものについて、よかったとで買ってきたけれど、ぜんぜんおいしくなかった。

か悪かったとかの評価を含めて、紹介するこ

あんまり知られていないブランドだけれど、また感想だけではなく、それを購入するにあのデパートに入っているこれこれというメー至る経緯もつけ加えると、より楽しく役に立とが多いはずだ。てもいいだろう。

テレビや雑誌でモノが紹介されるときには、カーの服は安いわりに作りがしっかりしてる。

つものになる。なぜその商品を選んで買った

多くの場合広告的な意味合いがあるので、マ電車の吊り広告で面白そうな記事を見つけのか、他のどんな商品と比較したか、あるい

イナス面が指摘されることは少ない。そのこたのでその雑誌を買って読んだら何にも中身はなぜその店で買ったのかといった情報が詳とをわれわれもよく知っていて、マスメディアのない内容で損した。

しければ詳しいほど、他の人の役に立つ。にのる紹介は話半分に聞いているようなところがある。
身近な人の話は、そうした宣伝ではないことがほとんどだから、口コミで得た情報は、

今度出たあのCD は、3 曲目と7 曲目はす

最近はWeb でオンラインショッピングがでごくいいんだけど、あとはたいしたことないかきるところも増えてきたので、オンラインショら、レンタルで十分かも。

ップでの購入記などは特に重宝されるだろう。

こうした単純な感想でも、他人にとってはインターネットマガジン／株式会社インプレスR&D©1994-2007 Impress R&D

INTERNET magazine 1996/6273

［インターネットマガジン バックナンバーアーカイブ］ ご利用上の注意
この PDF ファイルは、株式会社インプレス R&D（株式会社インプレスから分割）が 1994 年～2006 年まで発行した月刊誌『インターネットマガジン』の誌面を PDF 化し、「インターネットマガジン バックナンバーアーカイブ」として以下のウェブサイト「All-in-One INTERNET magazine 2.0」で公開しているものです。

http://i.impressRD.jp/bn
このファイルをご利用いただくにあたり、下記の注意事項を必ずお読みください。
z 記載されている内容（技術解説、URL、団体・企業名、商品名、価格、プレゼント募集、アンケートなど）は発行当時のものです。
z 収録されている内容は著作権法上の保護を受けています。著作権はそれぞれの記事の著作者（執筆者、写真の撮影者、イラストの作成者、編集部など）が保持しています。
z 著作者から許諾が得られなかった著作物は収録されていない場合があります。
z このファイルやその内容を改変したり、商用を目的として再利用することはできません。あくまで個人や企業の非商用利用での閲覧、複製、送信に限られます。
z 収録されている内容を何らかの媒体に引用としてご利用する際は、出典として媒体名および月号、該当ページ番号、発行元（株式会社インプレス R&D）、コピーライトなどの情報をご明記ください。
z オリジナルの雑誌の発行時点では、株式会社インプレス R&D（当時は株式会社インプレス）と著作権者は内容が正確なものであるように最大限に努めましたが、すべての情報が完全に正確であることは保証できません。このファイルの内容に起因する直接的および間接的な損害に対して、一切の責任を負いません。お客様個人の責任においてご利用ください。

このファイルに関するお問い合わせ先
All-in-One INTERNET magazine 編集部
im-info@impress.co.jp
Copyright © 1994-2007 Impress R&D, an Impress Group company. All rights reserved.