HTML 图片链接

如何将图像变成链接。

HTML 图片链接代码

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

或者更好地使用 CSS 样式来确定宽度和高度。

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

代码将创建此链接：

 

代码包括以下部分：

• 是链接标签。
• href 属性设置要链接到的 URL。
• 是图像起始标签。
• src 属性设置图像文件。
• title 属性设置图像工具提示文本。
• alt 是图像标签的替代文本属性。
• style 属性通过 CSS 设置图像的宽度和高度。
• 是链接结束标签。

 

---

另见

• HTML 链接
• HTML 锚链接
• HTML 按钮链接
• HTML 下载链接
• HTML 链接颜色
• HTML 邮件链接
• HTML 新窗口链接