【HTML】aタグを使ってハイパーリンクを作る ※そのまま使えるサンプルコード付き

2023年7月9日

ハイパーリンクを作成するaタグのサンプルコード

HTMLで<a>タグを使って他のサイトへのハイパーリンクを作成することができます。

<a>タグの中に、 href属性を書いてリンク先のURLを記述することでハイパーリンクは作成できます。

そのまま使えるサンプルコードも載せていますので、ぜひご活用ください！

ハイパーリンクを作成する

とにかく、ハイパーリンクを作成するためだけのコードです。

aタグ内で、href属性にリンク先のURLを記述し、アンカーテキストを指定します。

<a href="https://www.tsurunoshumi.com/"></a>

アンカーテキストを変更してリンク先をわかりやすくする

<a>タグに囲まれたアンカーテキストを変更することで、リンク元の文字列を任意に記述することができます。

アンカーテキストを変更することで、リンク先が解りやすくなります。

※一方で、詐欺サイトなどへの誘導では、アンカーテキストを悪意のある変更をして、リンク先のURLがわかりにくくしているケースもあります。

リンクを作成する人も、リンクをクリックする人も、安全第一を心掛けましょう。

<a href="https://www.tsurunoshumi.com/">鶴の趣味</a>

ハイパーリンクを新しいタブで開く

ハイパーリンクのリンクをクリックした際に、同じタブ内でページを遷移するのではなく、

新しいタブを開いてリンクをするように設定することも可能です。

<a>タグ内で、target属性を追記します。

<a href="https://www.tsurunoshumi.com/" target="_blank">鶴の趣味</a>

以上、ハイパーリンクを作成するaタグの使い方と、サンプルコードの紹介になります。

是非、当サイトへのリンクをどんどん作成してみてください。(笑)