リンクのページ

リンクタグ(P158)

＜a href="パス(URL)"＞

ファイルリンク

パスの記述法

1. 相対パス(P115)
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の属性）（P292）

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

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

＜a href="URL"＞

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

よく見るページベスト3

1. 麻也ブログ
2. ヤフー
3. 長谷部誠オフィシャルブログ

ページ内リンク

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

メールリンク

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

今日の一言