リンクはほぼすべての Web ページにあります。リンクは、ページからページへ進むためのクリックを可能にします
HTML リンクはハイパーリンクです。
Yリンクをクリックすることにより、別の文書にジャンプすることができます。
リンク上にマウスを移動すると、マウスの矢印が小さな手に変わります。
注： リンクはテキストである必要はありません。画像やその他の HTML 要素であっても構いません。
HTML では、リンクを <a> タグで定義します：
<a href="url">link text</a>
href 属性は、リンクの宛先アドレス（http://www.w3schools.com/html/）を指定します。
リンクテキストは、目に見える部分です（Visit our HTML tutorial）。
リンクテキストをクリックすると、指定のアドレスに移動します。
サブフォルダアドレスの末尾にスラッシュがなければ、サーバへの 2 つのリクエストを生成することなります。
多くのサーバでは、自動的にアドレスにスラッシュを追加してから、新しいリクエストを作成します。
上記の例では、絶対 URL（完全な Web アドレス）を使用しています。
ローカルリンク (同じ web サイトへのリンク) は、(http://www.... を使用しない) 相対 URL で指定します。
デフォルトでは、リンクは（すべてのブラウザで）次ように表示されます：
スタイルを使用すれば、デフォルトを変更することができます：
<style>
a:link {color:green; background-color:transparent;
text-decoration:none}
a:visited {color:pink; background-color:transparent; text-decoration:none}
a:hover
{color:red; background-color:transparent; text-decoration:underline}
a:active
{color:yellow; background-color:transparent; text-decoration:underline}
</style>
Try it Yourself »
target 属性は、リンク先の文書を開く場所を指定します。
この例は、リンク先の文書を新しいブラウザ・ウィンドウか新しいタブに開きます：
| Target 値 | 説明 |
|---|---|
| _blank | 新しいウィンドウかタブにリンク先の文書を開く |
| _self | クリックしたのと同じフレームにリンク先の文書を開く (デフォルト) |
| _parent | 親フレームリンク先の文書を開く |
| _top | ウィンドウのボディ全体に（フレーム分割を解除して）リンク先の文書を開く |
| framename | 指定したフレーム名にリンク先の文書を開く |
Web ページがフレームにロックされている場合は、target="_top" を使用することで、フレームから抜け出すことができます：
リンク用に画像を使用することは一般的なことです：
<a href="default.html">
<img src="smiley.gif" alt="HTML tutorial"
style="width:42px;height:42px;border:0">
</a>
border:0 は、IE9 以前において、画像の周りにボーダーが表示されるのを防ぐために追加されたものです。
HTML ブックマークは、読者が Web ページの特定の箇所にジャンプできるようにするために使用します。
ブックマークは、web ページが非常に長い場合に便利です。
ブックマークを作成するには、最初にブックマークを作成し、次に、そのブックマークにリンクを追加します。
リンクをクリックすると、ページはブックマークのある場所にスクロールします。
先ず、id 属性を持つブックマークを作成します：
<h2 id="tips">Useful Tips Section</h2>
次に、同じページ内からブックマーク（"Useful Tips Section"）へのリンクを追加します：
<a href="#tips">Visit the Useful Tips Section</a>
または、別のページからブックマーク（"Useful Tips Section"）へのリンクを追加Oします：
外部ページは、完全な URL または現在の Web ページに相対的なパスで参照できます。
次の例は、完全な URL を使用して Web ページにリンクしています：
次の例は、現在の Web サイトの html フォルダにあるページにリンクしています：
次の例は、現在のページと同じフォルダにあるページにリンクしています：
ファイルパスの詳細については、HTML ファイルパスの章をご覧ください。
Exercise 1 ❯ Exercise 2 ❯ Exercise 3 ❯ Exercise 4 ❯ Exercise 5 ❯
| タグ | 説明 |
|---|---|
| <a> | ハーパーリンクを定義する |