【短編】【HTML&CSS】特定の画像をクリックしたら別のページに飛ばす方法！

どうも皆さんこんにちは！kwです！

今回は、Webサイト上で特定の画像をクリックしたら別のページに飛ばす方法をご紹介します。

<a>タグで囲った文字をクリックしたら別のページに飛ぶ方法はご存知の方も多いのではないのでしょうか？

でも、この<a>タグを使うことで画像をクリックした時にも別のページに飛ばすことができるんです！

ということで、早速やっていきましょう！

画像にリンクを埋め込むには、<a>タグを使います。

どのように使うのかというと、<a>タグで<img>タグを囲ってあげます。

実際に例を見てみましょう↓

See the Pen Untitled by kw (@kw-webd) on CodePen.

画像をクリックすると、自分のプロフィールに飛ぶように設定しました。

このように<a>タグで<img>タグを囲うことによって、画像にリンクを埋めることができます。

いかがでしたでしょうか？

実はあの「画像をクリックしたら別のページに飛ぶ」ように指定するにはこのような方法を用います。

あまり難しい技術ではないので、是非覚えてみてください！

ということで今回も、最後まで見てくれた方、ありがとうございました！

分からないところや誤字脱字、その他気になった点などがあれば、お気軽にコメントしていただけると幸いです。

ぜひ、お手隙の際に他の記事もご覧ください！