| ►リンクを張ってみよう！ ホームページはリンクによって成り立っています。ココではリンクの張り方を説明します。
|
| ◆他のページにリンクしよう！
何個もページを作れたらリンクを張ってみよう！同じフォルダ（ディレクトリ）にあるページへのリンクは下のようにして張ります。
上のように書いて、ブラウザ見ると、○へジャンプ のように青色になってそこを押すとジャンプするようになります。 ※青色でなくすることも可能です。方法はこのページのその他をご覧になってください。 |
| ◆他のディレクトリにあるページにリンクしよう！
ファイルが増えてくると、○に関するものは、○フォルダ。□に関するものは□のフォルダ。とファイルを整理しておくものです。その○や□のフォルダ（ディレクトリ）の中にあるファイルへリンクを張る方法を説明します。
上はHOMEPAGEというフォルダ（ディレクトリ）の中にindex.htmlというHTMLファイル、profileというフォルダ、linkというフォルダ（ディレクトリ）があって、profileにはprofile.htmlというファイル、linkにはlink.htmlというファイルが入っていることを示しています。下がリンクの張り方です。 index.html〜profile.htmlへリンクを張る方法
profile.html〜link.htmlへリンクを張る方法
ドットドットと2回続けると一つ上のディレクトリへ行きます。つまりprofile.html〜link.htmlへリンクを張ったときは、一つ上のディレクトリであるHOMEPAGEへ行き、そこにあるlinkというフォルダの中のlink.htmlへリンクするようになっています。 リンクが張れなければサポート掲示板で質問するか、絶対パスと言われる物でリンクを張ってください。（絶対パスについては下で説明） |
| ◆他人のホームページへリンクを張る
やっぱりホームページを作ると相互リンクしたり、お勧めページへリンクを張ったりしますよね？これから、他の人のホームページへリンクを張る方法を説明します。 まず、リンクを張りたいホームーページのURLをコピーするなりメモするなりしてください。 URLをメモできたら下のように書いてください。
http://www.digiat.net/ness/は僕のページのURLですので、そこにリンクを張りたいサイトのURLを記入してください。またＨＰ相談室の部分には、相手のサイト名等を書いちゃいましょう。 |
| ◆同じページ内の特定位置にジャンプさせる
やってもらえばわかりますが、このページの一番上に目次があります。そこでクリックしたら同じページ内のどこかにジャンプしますよね？このやり方を説明します。 まず、ジャンプ先に下のように書いてください。
○○○には適当な名前を書いてください。普通はジャンプ先の題名を□□□のように、<a name="">〜</a>の間に入れておくものです。 次に、リンクを張ります。
○○○にはさっき書いたものと同じ物を書きましょう。また、いつもと違うのは＃が付いているということです。忘れやすいので覚えておきましょう。 また、違うページの特定位置にジャンプさせる時は下のように書きます。
上は同じディレクトリの中に△△△.htmlがある場合なので、他のディレクトリにあるファイルについては、他のディレクトリにあるページにリンクしよう！にしたがって書いてください。 □□□へジャンプ！ ↑クリックしてみてください。□□□と書かれた場所にジャンプするはずです。 |
| ◆画像でリンクを張る
ネットでよく見かけませんか？画像を押すとそのページにジャンプするやつ。やり方は簡単なんでやってみましょう。
※リンクバナーを張る場合に<img src="URL">と相手のリンクバナーがあるところのURLを書いて直リンクする人がいますが、直リンクしないでとか書いてあるサイトについては、DLして自分のサーバーにアップロードして画像を張りましょう。 |
|
同じウィンドウでリンク先に行ってほしくない、そんな場合は下のようにして新しいウィンドウで開かせましょう。
target="_blank"を追加することで、新しいウィンドウで開くようになります。 |
| ◆その他
リンクを張ると、そこだけ青色になりますよね？青色以外にすることも可能です。また、押した時の赤色、押した後の紫色も自由に他の色に変えることができます。やり方は<body>の中に下のように書くことによって変えることができます。
|