リンクのページ

リンクタグ

＜a href="パス"＞

ファイルリンク

パスの記述法

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の属性）（ｐ292）

• link＞まだ訪れていないリンクのカラー
• vlink＞訪問済みのリンクのカラー（Visited LINK）
• alink＞クリック時のリンクのカラー（Active LINK）

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

＜a href="URL"＞

• 相対パスが記述できるのは自分のPCのフォルダだけ
• 他者にリンクを貼るにはそのコンピュータ（サーバー）を指定
• フォルダの階層をルートから全て記述する
1. http://＞インターネット経由で別のマシンへ接続
2. ochagaku.sakura.ne.jp＞sakura.ne.jpのochagakuという名前のサーバー
3. 2011/pro/＞サーバーを特定できたらルートから順にフォルダを指定していく
• プログラムのクラス一覧
• プログラムの自分のページ
• カラーチャート

よく見るページベスト３

1. 東京ディズニーリゾートオフィシャルウェブサイト
2. アメブロ
3. Yahoo

ページ内リンク

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

メールリンク

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

きょうのひとこと