<img>
标签用于在网页中插入图像。它是一个空元素,没有闭合标签。
属性
src
:指定图像的 URL。alt
:指定图像的替代文本,当图像无法显示时将会显示该文本。title
:指定图像的标题,当鼠标悬停在图像上时显示。width
:指定图像的宽度。height
:指定图像的高度。
示例代码
---- --------------- ------ --------- ------ ----------- -------------
在上面的示例中,我们插入了一个名为 "image.jpg" 的图像,设置了替代文本为 "A beautiful image",宽度为 200 像素,高度为 150 像素。
注意事项
- 始终为图像添加
alt
属性,以提供对图像的描述。 - 使用
width
和height
属性可以避免页面重新加载时图像的尺寸变化导致页面布局错乱。
<img>
标签是 web 前端开发中常用的标签之一,通过合理使用它可以为网页添加丰富的视觉效果。