３．他情報へのリンク
（１）リンクの設定
ＨＴＭＬでは、文書中の文字列や画像をリンクの「ボタン」として機能す るよう設定することができます。リンク先は、他のページ（ＨＴＭＬ文書）、画像ファイル、任意のＷＷＷ サーバ等いろいろな情報を設定することができます。
・書き方
|
＜Ａ ＨＲＥＦ＝“ＵＲＬ”＞ 〜リンクのためのボタン〜 ＜／Ａ＞ ＵＲＬ：情報の場所 |
・ＨＴＭＬ文
|
<H4>他ページへのリンク</H4> <A HREF="2-4.html">パソコン教室</A>に参加しませんか。！！ <HR> <H4>他のＷＷＷサーバへのリンク</H4> <A HREF="http://www.stnet.co.jp/">ＳＴＮｅｔ</A>では一太郎入門、 インターネット体験、ホームページ作成などの<BR> わかりやすいパソコン教室を開講しています。 <HR> <H4>画像ファイルへのリンク</H4> <P>先日北海道へ行って来ました。（<A HREF="photo.jpg">写真</A>）<BR> とても楽しかったです。</P> <P>これは、先日開講したインターネット体験教室のようすです。<BR> <A HREF="../g/taiken.jpg"><IMG SRC="taiken.gif"></A>(JPEGファイル：61KB） </P> |
（２）ページの特定場所へリンクする
ＨＴＭＬでは、リンク先に同一ページ、あるいは他のページの任意の場所 を指定することができます。一画面で表示しきれない長いページのときなどに用います。
・書き方
（同一ページの場合） ＜Ａ ＨＲＥＦ＝“＃場所”＞ 〜 ＜／Ａ＞ リンク元 ＜Ａ ＮＡＭＥ＝“場所”＞ 〜 ＜／Ａ＞ リンク先 （他のページの場合） ＜Ａ ＨＲＥＦ＝“ＵＲＬ＃場所”＞ 〜 ＜／Ａ＞ リンク元 ＜Ａ ＮＡＭＥ＝“場所”＞ 〜 ＜／Ａ＞ リンク先 （他のページ） |
（ 例 ）同一ページの場合
・ＨＴＭＬ文
<A NAME="top"><H2>用語集</H2></A> <P><A HREF="#h">Ｈ</A> <A HREF="#u">Ｕ</A> <A HREF="#w">Ｗ</A></P> ：<BR> <A NAME="h"><H4>［Ｈ］</H4></A> <P>ＨＴＭＬ：Ｈｙｐｅｒ Ｔｅｘｔ Ｍａｒｋｕｐ Ｌａｎｇｕａｇｅ</P> <P>ＨＴＴＰ：Ｈｙｐｅｒ Ｔｅｘｔ Ｔｒａｎｓｆｅｒ Ｐｒｏｔｏｃｏｌ</P> ：<BR> <A HREF="#top">［ページの先頭へ］</A> <A NAME="u"><H4>［Ｕ］</H4></A> <P>ＵＲＬ：Ｕｎｉｆｏｒｍ Ｒｅｓｏｕｒｃｅ Ｌｏｃａｔｏｒ</P> ：<BR> <A HREF="#top">［ページの先頭へ］</A> |
（ 例 ）他ページの場合
・ＨＴＭＬ文
|
<H2>目次</H2> <UL> <LI><A HREF="3-3-2.html#chapter1"><H4>第１章</H4></A> <LI><A HREF="3-3-2.html#chapter2"><H4>第２章</H4></A> <LI><A HREF="3-3-2.html#chapter3"><H4>第３章</H4></A> </UL> |
|
<H2>リンク先のページ</H2> <A NAME="chapter1"><H4>第１章</H4></A> <P> まず始めに・・・・<BR> ：<BR> </P> <A HREF="3-3-1.html">［目次へ］</A> <A NAME="chapter2"><H4>第２章</H4></A> <P> 次に・・・<BR> ：<BR> </P> <A HREF="3-3-1.html">［目次へ］</A> |
（３）リンクを利用した電子メールの送信
Ｎｅｔｓｃａｐｅでは、リンク先にｍａｉｌｔｏオプションを付けること によりクリック一つで指定したアドレスに簡単にメールを送ることができ ます。・書き方
|
＜Ａ ＨＲＥＦ＝“ｍａｉｌｔｏ：メールアドレス”＞ 〜 ＜／Ａ＞
|
あとは、件名と本文のみ入力すればＯＫです。
| <A HREF="mailto:kurihara@mail.netwave.or.jp"> <ADDRESS>kurihara@mail.netwave.or.jp</ADDRESS></A> |
［ちょっと一服］
ディレクトリの記述について
できあがったホームページのデータは、ＷＷＷサーバの所定のディレクトリに転送 して始めて、他の人に見てもらえるようになります。
プロバイダによって多少異なりますが、ネットウェーブ四国の場合、個人のホーム ページは、自分のユーザ名の前に ~ (チルダ)をつけた名前のディレクトリ（ホーム ディレクトリ）にindex.htmlと言う名前のＨＴＭＬ文書で登録します。
例えば、ユーザ名kuriharaのホームページは、 http://www.netwave.or.jp/~kurihara/index.html というようになります。
ただし、他の人がリンクするときはファイル名の index.htmlは省略し http://www.netwave.or.jp/~kurihara/ と表せます。
例えば、ａから見て他のファイルは、
ｂ …… <A HREF="paso.html">
ｃ …… <A HREF="inet/taiken.html">
ｄ …… <A HREF="g/mark.gif">
また、ｃから見て他のファイルは、
ａ …… <A HREF="../index.html">
ｂ …… <A HREF="../paso.html">
ｄ …… <A HREF="../g/mark.gif">
と表します。
なお、../ は、一つ上のディレクトリを意味します。
［練習問題３］自分のホームページを作ってみましょう。練習問題２で作成した自己紹介のページをリンクして下さい。 |
（例）