リンクのページ

リンクタグ＜a＞

＜a href="パス"＞〜＜/a＞

• aは錨(Anchor)に由来
• href(Hyper REFerence)属性の属性値に参照したいファイルまでのパスを記述
• 範囲指定があるので終了タグあり

パス(ファイルの位置情報の表記法)

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

相対パス

• 自分のページ内で使用されるリンクの記述法
• 記述しているファイルから参照したいファイルまでの行き方を記述
1. 同じフォルダ内にあれば直接ファイルが指定できる=index.html
2. 開いたフォルダ内で開きたいファイルを指定=diary/11.html

上の階層へ戻る(../)

../=上の階層へ戻る記述

1. フォルダ内に参照したいファイルもフォルダもない場合上の階層に戻る=../
2. 上の階層にファイルがあればファイルを指定=../index.html

画像にリンクを張る

1. imgタグの前後にaタグで括りリンクを指定
2. リンクをつけた画像には枠線がつく
3. 消したい場合imgタグにborder="0"をつける

ファイル名の違い

拡張子

大文字・小文字

今日のひとこと

リンクカラー(bodyタグの属性)

• link＞まだ訪れたことのないリンク先へのリンクカラー
• vlink＞訪問済みリンク先へのリンクカラー

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

＜a href="URL"＞〜＜/a＞

• 相対パスが記述できるのは自分のPCだけ
• 他のPCにリンクするにはPC（サーバー）を指定する必要がある
1. http://＞インターネット経由で接続
2. ochagaku.sakura.ne.jp/＞sakura.ne.jpのochagakuという名前のサーバー
• サーバーに指定するとサーバー内のトップの階層が開かれる（トップページ）
• サーバー内の特定のファイルやフォルダにアクセスするにはトップから順にすべての階層を指定していく＞2013/pro/10/
• プログラムのクラス一覧
• 一番よくできてるなと思ったページ

ページ内リンク

1. ページ内に半角英数で名前をつける
2. 名前の前に#をつけてaタグでリンクを指定＜a href="#リンク名"＞

名前の付け方

1. 名づけたい場所にタグがあればid属性で指定＜タグ id="リンク名"＞
2. タグがなければaタグname属性で指定＜a name="リンク名"＞

メールリンク

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

今日のひとこと