HTML | 画像をリンクにする
![HTML | 画像をリンクにする](https://1-notes.com/wp-content/uploads/2023/06/HTMLで画像をリンクにする.png)
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>
![リンクタイトル 画像の説明](https://1-notes.com/wp-content/uploads/2019/02/profile.png)
![リンクタイトル 画像の説明](https://1-notes.com/wp-content/uploads/2019/02/profile.png)
ディスカッション
コメント一覧
まだ、コメントがありません