リンクを付けよう

接続（リンク）の方法
1. 目的
  リンクは、特定の単語や画像から、関連するページに移動（接続）する機能です。この移動には、元のページに戻る移動も含まれます。
2. 設定
  次のように接続するHTMファイルを指定します。
  　<A HREF = "接続するHTMファイル">接続する言葉</A>
  ブラウザはこのHREF(Hyper REFerence)に対し、まず、"接続する言葉"　を異なる色で表示し下線をつけます。また、この言葉がクリックされると、"接続するhtmファイル"の内容が新しいページとして表示します。
3. ページの表示
  以下の二つのファイルを作成し、まず、href.htmをブラウザで表示します。色が変わって表示されている"今月の課題"をマウスでクリックします。これで、list.htmのページが表示されれば成功です。元のページに戻るには、back（戻る）ボタンをマウスでクリックします。
  1. href.htm
```
<HEAD>
 <TITLE>HomePage</TITLE>
</HEAD>
<BODY>
<H1>今日は</H1>
 <A HREF = "list.htm">今月の課題</A>
</BODY>
```
  2. 実行画面
4. 画像による接続
  <A.>と</A>の間が接続するキーになります。従って、次の例のようにキーとして、画像と文を指定すれば双方がキーとなり、どちらか一方をクリックすれば、リンクができます。
  
  画像または、"桃の品種"をクリックすればPEACH.HTMにリンクします。
```
<A HREF = "peach.htm">
<IMG SRC = "peach.gif ">桃の品種</A>
```
5. マーク位置への接続
  マークを設定することにより、同じページのマーク位置まで移動することができます。
  ページの途中に
```
    　<A NAME= マーク名>...</A>
```
  で、"マーク名"のマークをつけます。また、
```
    　<A HREF = リンク先#マーク名>..</A>
```
  で、指定ページのマーク先にリンクします。大きなページで細かいリンク先を指定するとき便利です。
6. 別ウインドウに表示する
  target属性に_blankを指定すると、別のウインドウを開いて、そこに指定ページを表示することができます。
  <a target="_blank" href="http://www.yahoo.co.jp/ ">Yahoo!</a>
フォルダにまたがる接続
1. フォルダの利用
  フォルダはファイルを保存する箱に相当します。複数のページを作成する場合、各ページを異なるフォルダに入れておくと、管理が楽になります。
2. フォルダの作成
  　フォルダを作成するには、ファイル表示ウインドウを利用し、ファイルメニューから　新規作成　を選び、"フォルダ"を選択します。作成されたフォルダの名前は　「新しいフォルダ」　となり、フォルダ名が編集可能状態になっていますから、適当な名前に変更します。あるフォルダAの内部に作成されたフォルダBをAの子供のフォルダと言います。また、AはBの親フォルダになります。
3. フォルダの中のファイルの参照
  フォルダAの中に子供のフォルダBがあるものとします。現在、フォルダAの中のhello.htmを表示しているものとして、hello.htmからフォルダBの中のindex.htmを参照するには
  　B/index.htm
  とします。フォルダBのindex.htmファイルといった意味になります。
  
  フォルダ作業\Aの中のフォルダB
  
  例
  キーワード"カナダ旅行"で子供のフォルダtrvの内部のcanada.htmを参照します。
  <A HREF = "trv/canada.htm">カナダ旅行</A>
4. 親のフォルダの参照
  
  親のフォルダは一意に定まりますから名前で指示する必要はありません。親のフォルダのファイルを参照するには
  　../hello.htm
  のようにします。".."が親のフォルダを意味します。
  1. 注意
    ウインドウシステムではフォルダの中のファイルは　B\index.htm　のように \ で区切って表示します。
  2. ディレクトリ
    システムが異なると、フォルダのことをディレクトリと呼びます。
5. 他のサーバーのページへの接続
  他のサーバーのホームページを参照するには
  　<A HREF="http://www.ccad.sccs.chukyo-u.ac.jp/~mito ">伊藤　のホームページ</A>
  のように、http://をつけたURLで指定します。HREFの指定に　http:　があると、指定されたwwwサーバーにhtmlファイルを取りにいきます

接続（リンク）の方法

目的

設定

ページの表示

画像による接続

マーク位置への接続

別ウインドウに表示する

フォルダにまたがる接続

フォルダの利用

フォルダの作成

フォルダの中のファイルの参照

親のフォルダの参照

他のサーバーのページへの接続