HTMLリンク

HTMLリンクきほん

Aタグ　アンカーの略で、リンクの出発点と到達点を指定するタグ、要素。
href属性エイチレフ属性。リンク先を指定します

リンクの出発点ではaタグとhref属性と""でリンク先を囲み指定します。　

HTML5からブロックレベル要素も囲める。

段落・リスト・表なども、全体をaタグで囲んでリンク指定できます。ただし、他のリンクやフォームボタンなどが含まれる場合にはリンク指定できません。

相対パス、絶対パス

相対パス
一つ上の階層のフォルダをピリオドふたつ「..」で表しフォルダをスラッシュ「/」で区切ります。
二つ上の階層のとき、「../../」になります。
同じ階層内の別フォルダの中にあるファイル → フォルダ名/ファイル名　または、./フォルダ名/ファイル名
絶対パス
URLでファイルの場所を指定すること。

カレントフォルダ（カレントディレクトリ) 　現在開いているフォルダのこと。「./（ピリオドとスラッシュ）」で表します。

<a href="ファイル名、リンク先など" target="値">　
target属性と値を付けて表示方法や位置を指定します。

<target="_blank" > 新規のウィンドウに表示（_アンダーバーを忘れずに）
<target="_self" > 現在のウィンドウに表示（_アンダーバーを忘れずに）

別のページ、ファイルの特定の場所へリンク

（出発点）<a href="ファイル名または、url#好きな文字など">表示したい文字</a>　
（到達点）<id="好きな文字など">

「リンク先」の到達点の要素にIDを付けます。
「リンク元」の href="" にリンク先のUrlを指定し場所を指定する場合、urlの最後に#でつけます。

外部リンク参考サイトさん別のページ、ファイルの特定の場所へリンク　

同じフォルダにある別ファイルへリンク同じフォルダにある場合。ファイル名を指定しAタグで閉じる。

（出発点）<A href="ファイル名"（到達点）>表示したい文字</A>

外部リンク参考サイトさん同じフォルダにある別ファイルへリンク　

「出発点」だけＡタグとhref属性に#（a href="#　"）で、「到達点」にはAタグを使わず、ID属性（要素 Id="　"）を使用し要素につける

<a href="#到着させたい場所名">表示したい文字</a">（出発点）と
<id="到着させたい場所名">（到達点）