HTML | 画像をリンクにする

HTML 画像,HTML

HTML | 画像をリンクにする

HTMLで画像リンクの設置方法とサンプルコードを紹介しています。

HTMLで画像をリンクにする

HTMLで画像をリンクにするには、画像タグをリンクタグで囲うことで実装する事ができます。

画像タグには、title属性を付けてリンク先のタイトル等を記述しておくことが推奨されています。
title属性に記述した内容はマウスホバー時などにポップアップ表示されます。

<a href="https://1-notes.com/html-picture/"><img src="https://1-notes.com/wp-content/uploads/2019/02/profile.png" alt="画像の説明" title="リンクタイトル"></a>
画像の説明

HTML 画像,HTML

Posted by Yousuke.U