リンクのページ

リンクタグ＜a＞

• タグは錨（Anchor）に由来するa
• href(Hyper REFerence)属性値にリンクしたいファイルまでのパスを記述
• パスの大文字小文字の違いはPC上では認識されないが、サーバでは認識されリンク不能になる

パスの記述法

1. 相対パス
2. 絶対パス

相対パス

• 自分のページ内で用いられるリンクの記述法
• 記述しているファイルからリンクしたいファイルまでの行き方を記述
1. 同じフォルダ内のファイル/フォルダ名を指定(diary/)
2. フォルダ内のファイル名を指定(diary/11.html)

上の階層へ戻る（../）

1. ファイルがあるフォルダの上のフォルダに行くには(../)
2. そのあとに続けてふつうに指定をすればよい(../index.html)
3. 上の階層の中の別のフォルダに降りる場合はそのフォルダを指定し(../img/)
4. そこから同じようにその中のファイルを指定する(../img/img.html)

画像のリンク

1. imgタグの外側にaタグをつけリンクを設定する
2. リンクのついた画像には枠線がつく
3. 消したい場合はimgタグにborder="0"

リンクのカラー（bodyの属性）

• link＞まだ訪れていないリンクする文字のカラー
• vlink＞訪問済みのリンクのカラー（visited link）
• alink＞クリック時のリンクのカラー（active link）

外部ページへのリンク（絶対パス）

＜a href="URL"＞

• 相対パスが記述できるのは自分のPCのフォルダだけ
• 他者にリンクを張るにはコンピュータ（サーバ）を指定する必要がある＞URL
1. http://＞インターネット経由で別のマシンへ接続
2. ochagaku.sakura.ne.jp/＞sakura.ne.jpのochagakuという名前のサーバ
3. 2011/pro/＞サーバーを特定できたら後は上からフォルダを指定して行く

• プログラムのクラス一覧
• サーバー上の自分のページ
• クラスで一番すごいなと思う人のページ

よくみるページベスト3

1. ブックマーク
2. カラーチャート
3. 気に入った素材のぺーじ

絶対パスによる画像の表示

ページ内リンク

1. id属性で名前をつける＜タグ id="リンク名"＞
2. リンク名の先に＃をつけてaタグでリンクを指定＜a href="#リンク名"＞

メールリンク

＜a href="mailto:メールアドレス"＞

サーバー上での違い

• index.html(PC/サーバともリンク可能)
• Index.html(PCでのみリンク可能)