リンクをはろう

■観光案内 ■行政案内 ■企業紹介 ■お店紹介

■イベント ■各種募集 ■会員紹介 ■サークル

ホームページの制作方法へBack

リンクをはろう

リンクとは
リンクのはり方
他のホームページへリンクする
ページ内の特定の場所にリンクする
メールへリンクする
ニューウインドウヘリンク

リンクとは
ホームページ上でクリックすると、その場所（ファイルや画像）へとぶことが、「リンクする」ということになります。クリックするだけで任意のリンク先へ飛ぶことができるので、たいへん便利な機能です。

リンクのはり方
<A HREF="sample.html">文字</A>
<A HREF="sample.html"><IMG SRC="画像.gif"></A>

画像の場合と同じで、リンク先へ指定するファイルの階層によって違いますので、
上の階層であれば　<A HREF="階層名/sample.htm">クリック</A>
下の階層であれば　<A HREF="../sample.html">クリック</A>
といったように記入します。

たとえば、このページから最初のページに戻るには
<A HREF="home.htm">HOMEへ</A>と入力すると、

HOMEへ

というようになります。この場合、リンクされた部分は色がリンク色に変わります。このリンク色はページ先頭のBODYタグで指定します。

<BODY LINK="#リンク色" ALINK="#クリックしたときに一瞬変わる色" VLINK="#訪れた後のリンク色" BGCOLOR="#背景色">

画像でリンクする
画像でリンクする場合は
<A HREF="home.htm">
<IMG SRC="ime/home1.gif" WIDTH="77" HEIGHT="22" ALIGN="BOTTOM" NATURALSIZEFLAG="3" BORDER="0"></A>と入力すると、

というようになります。

他のホームページへリンクする
他のホームページへリンクする場合は、
<A HREF="http://xxx.or.jp/~abcd/home.htm"> どこどこのホームページへ</A>と書きます。この際のURLはhttp:// から必要です。

例えば、<A HREF="http://www2.dewa.or.jp/home.htm"> 長井アクセスポイントへ</A>

と入力すれば、

長井アクセスポイントへ

となります。これを応用して、他のホームページへリンクを張ることができます。

ページ内の特定の場所にリンクする
同一ページ内の特定の場所へリンクするときは、<A NAME="xxxxx">行く先</A>と書いて、あとはリンクもとを<A HREF="#xxxxx">行く先へジャンプ</A>と入力します。

例えば、<A NAME="#xxxxx">行く先へジャンプ</A>と入力します。

行く先へジャンプ

<A NAME="yukusaki">行く先</A>と書いてあるここにジャンプしてきます）

このページのトップで
リンクとは
リンクのはり方
他のホームページへリンクする
と書いているものも

<A HREF="#anchor401">リンクとは</A>
<A HREF="#anchor402">リンクのはり方</A>
<A HREF="#anchor403">他のホームページへリンクする</A>
というように実際は書いています。赤字がリンク先です。

メールへリンクする
クリックすることにより、メール機能を呼び出すことができます。
<A HREF="mailto:あなたのメールアドレス">メールをどうぞ</A>というように入力します。
たとえば、<A HREF="mailto:tcom@nagai.dewa.or.jp">メールをどうぞ！</A>と入力すると、
メールをどうぞ

というようになります。

ニューウインドウヘリンク
画像などのリンクの際、新しいウインドウへリンクする方法を使う場合は下記のように入力します。
<A HREF="xxxx.htm" TARGET="_blank">新しいウインドウへ</A>
リンクのタグにTARGET="_blank" を書き加えるだけでできます。たとえば<A HREF="home.htm" TARGET="_blank">HOMEへ新しいウィンドウ</A>

HOMEへ新しいウィンドウ

となります。

ホームページの制作方法へBack　次へ

■観光案内 ■行政案内 ■企業紹介 ■お店紹介

■イベント ■各種募集 ■会員紹介 ■サークル

	■観光案内	■行政案内	■企業紹介	■お店紹介
	■イベント	■各種募集	■会員紹介	■サークル