HTML画像リンク

画像をリンクにする方法。

HTML画像のリンクコード

<a href="../html-link.htm"/<img src="flower.jpg" width="82" height="86" title="White flower" alt="Flower"/</a/

または、cssスタイリングを使用して幅と高さを決定することをお勧めします。

<a href="../html-link.htm"/<img src="flower.jpg" style="width:82px; height:86px" title="White flower" alt="Flower"/</a/

コードはこのリンクを作成します：

コードには次の部分があります。

• <a>はリンクタグです。
• href属性は、リンク先のURLを設定します。
• <img>は画像の開始タグです。
• src属性は画像ファイルを設定します。
• title属性は、画像のツールチップテキストを設定します。
• altは、画像タグのaltテキスト属性です。
• スタイル属性は、画像の幅と高さをcssで設定します。
• </a>はリンク終了タグです。

も参照してください

• HTMLリンク
• HTMLアンカーリンク
• HTMLボタンリンク
• HTMLダウンロードリンク
• HTMLリンクの色
• HTMLmailtoリンク
• HTMLの新しいウィンドウリンク