同じページの中でリンクする方法、目立つリンクの作り方、相互リンクの方法等を解説リンクに関するほとんど全てが判ります。異なったフォルダー間でリンク今までは右のようなファイル構成で、同一のフフォルダーにすべてのファイルを保存しました。この状態ではindex.htmに書いた文章からhanami.htmにリンクするときはこんな風に書いていました。使いやすいものではありません。リンク方法を今から確認していきます。別のフォルダーを作り互いにリンクファイルが増えてきたときに、右のようにフォルダーを作って整理したとします。「memo」のフォルダーには「memo1.htm」「memo2.htm」のファイルが各々保管されているとします。この状態でのリンク方法を調べていきます。下の説明はあまり深く考えず読み飛ばして、その下の『考え方のコツ』を見てください。そのほうが判りやすいと思います。indexから「gazou」フォルダーの中へリンクindex.htmに書いた文章から「gazou」フォルダーの中の「gazou1.htm」にリンクさせます。href="gazou/gazou1.htm">ここをクリック</A>フォルダーの中からフォルダーの外へリンク「gazou」フォルダーの中の「gazou1.htm」に書いた文章から「hanami.htm」にリンクさせます。../ファイル名とします。スラッシュ)ホルダーから出す呪文だと思ってください。href="../hanami.htm">ここをクリック</A>フォルダーの中から別のフォルダーの中へリンク「gazou」フォルダーの中の「gazou1.htm」に書いた文章から「hozon」フォルダーの中の「hozon1.htm」にリンクさせてみます。../ホルダー名/ファイル名とします。ホルダーから出し、別のホルダーに入ります。href="../hozon/hozon1.htm">ここをクリック</A>ここ迄の3種類がわかれば、どんな複雑なファイル構成でも、後はこの組み合わせだけです。index.htmに書いた文章から「gazou3.htm」にリンクさせてみます。ホルダー名/ホルダー名/ファイル名とします。その-2「gazou3.htm」に書いた文章から「hanami.htm」にリンクするときはこんな風に書きます。../../ファイル名とします。2回フォルダーから出してやるわけです。その-3「gazou3.htm」に書いた文章から「hozon3.htm」にリンクするときはこんな風に書きます。../../ホルダー名/ホルダー名/ファイル名とします。2回フォルダから出し別のフォルダーに入っていきます。href="../../hozon/nikki/hozon1.htm">ここをクリック</A>考え方のコツフォルダーを左の図のように箱だと考えます。緑のボールがどうやったら赤いボールのところへいけるかを考えればいいのです。入れば赤いボールと会うことができます。この文章を記号にするだけです。出るときは、箱の名前はいわなくてもわかっているので、箱(フォルダー)を1回出るときは「../」の記号で表します。「2の箱」に入る、は「2/」で表します。この場合は、トータルすると「../../2/y/」となります。いう指示をしてやればいいことになります。「2」と「y」はフォルダー名に置き換えます。この考え方は画像を表示させる時の画像ファイルの関係、フレーム分割のファイルの時にも使えます。紙に絵を書くか頭の中でこの状態を想像すればかなりわかりやすくなると思います。src="画像名"></A>と指定します。src="画像名">に置き換わっただけです。画像をクリックすると、リンク先にジャンプします。画像をボタン風にしたり、いろいろな工夫が出来ます。<A>タグ追加します。border="0">とします。上に戻るリンク先を新しいページで開くリンクした時に、今見ているページが書き換えられてしまうのは不便なこともあります。ページを開きそこに、リンク先を表示させます。target="_blank">〜</A>と書きます。実際に書くとこんな風になります。上に戻るすべてのリンクが新しいページで開くようにするリンク個所がたくさんある時、一箇所づつtarget="_blank"を書いていくのは面倒です。▲お互いのホームページに相手のアドレスを載せてPRしあうことを相互リンクと言います。リンク先を相手のホームページのタイトル名にする場合と、専用バナーを使う場合の二通りがあります。href="相手のホームページアドレス">相手のホームページのタイトル名</A>のように書きます。相手のバナー画像はダウンロードし、自分のホームページのホルダーに保存しておく必要があります。細かな注意点としては、(1)相手のホームページアドレスは特に指定がない限り、トップページとする。(2)すぐ上で説明した、target="_blank"を書き忘れないようにする。始まるすべてを記入します。自分のページの表示がなくなってしまうのを防ぐために必要です。src="h-banner.gif"></A>スペースに余裕があれば簡単な紹介ぐらいは追加しておくと親切かと思います。いう書き方はホームページの中のリンクにも使えます。href="http://www.aaa.co.jp/suzuki/gazou/gazou1.htm">〜</A>と書きます。絶対パスと呼び、今までやってきた書き方を相対パスと呼びます。「リンクするページ」と「されるページ」の関係を何も考えなくていいことです。どんな関係にあろうと同じ書き方でリンクできます。誰を指すかは変わってきます。東京都新宿区○○ハイツ△△鈴木一郎などといえば、誰のお父さんかは関係なく、誰を指すか特定できます。