自宅で学べるオンラインのプログラミングスクール TechAcademy
HTMLでリンク書き方につい解説します。
HTMLでリンク書き方
基本的なリンクの書き方
「a」タグはリンクを示します。
<a href="リンク先のURL">テキスト</a>
コードの書き方の例１
「ハジプロ」をクリックしたら、「https://hajipro.com」に飛ぶ記入例
<a href="https://hajipro.com">ハジプロ</a>
ブラウザの表示
ハジプロ
コードの書き方の例２
「https://hajipro.com」をクリックしたら、「https://hajipro.com」に飛ぶ記入例
<a href="https://hajipro.com">https://hajipro.com</a>
ブラウザの表示
別のタブでリンクを開く
リンクをクリックしたときに別のタブで開くようにするには、「target=”_blank”」を指定します。
HTMLコードの書き方の例
<a href="リンク先のURL" target="_blank">
リンクテキスト
</a>「target=”_blank”」を指定しするかどうかはサイト運営者によって意見が割れています。
- 「リンク先のページを開いたあと元のページに戻らない場合があるから別タブで開ける方がいい」
- 「戻るボタン使えないので、ユーザーの使い勝手を重視したら、別タブはなるべく使わない方がいい」
「別タブで開くかどうかはユーザーに委ねるべき」と考えているので後者を推奨します。
画像でリンクを開く
画像をクリックしたときにリンク先に飛ぶには次のように記述します。
<a href="リンク先のURL"><img src="画像のURL" /></a>
