リンクのページ

リンクタグ＜a＞

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

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

パス（ファイルの位置情報の表記法）

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

相対パス

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

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

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

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

画像にリンクを貼る

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

ファイル名の違い

拡張子

大文字・小文字

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

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

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

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

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

ページ内リンク

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

名前の付け方

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

メールリンク

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

きょうのひとこと

もう疲れた…

---

△このページのトップへ