画像にリンクをつける

<a href=””><img src=””>

文字にリンクをする方法の他に、画像からリンクすることも出来ます。例えば、メニューなどに画像を使用したりすることもできます。

リンクは通常のようにリンクタグ「href=””」「target=””」などの属性でリンク先やターゲットを指定し、画像タグには「src=””」「align=””」などで、画像の場所や表示位置を指定します。

記述例

「HTMLタグ/CSS一覧と初心者向けホームページ作成解説集」の画像からトップへリンクをしてみます<br>
<a href=”https://www.dspt.net/”><img src=“../../logo.gif” alt=”HTMLタグ/CSS一覧と初心者向けホームページ作成解説集”></a>


リンクタグのその他の指定方法やリンクについての注意点は、以下の関連情報を参考にしてください。

関連情報

【厳選】合わせて読みたいおすすめ書籍

WEB制作支援サイトのHTMLタグボードだからオススメできる厳選書籍です。私が読んでいない本はオススメしません。

HTMLやCSS、Webデザインを体系的に学ぶなら

最新のHTML5を学ぶなら

参考情報

最新情報をチェックしよう!