HTML <img> src 属性

❮ HTML <img> 标签

实例

图像标记如下:

<img src="img_girl.jpg" alt="穿夹克的女孩" width="500" height="600">
亲自试一试 »

定义和用法

必需的 src 属性指定图像的 URL

有两种方法可以在 src 属性中指定 URL:

1. 绝对URL - 指向托管在其他网站上的外部图像的链接。示例: src="https://www.w3schools.cn/images/img_girl.jpg".

注意: 外部图像可能受版权保护。如果你没有获得使用许可,你可能违反了版权法。此外,您无法控制外部图像;它可能会突然被移除或更改。

2. 相对URL - 指向网站内托管的图像的链接。在这里,URL不包括域名。如果URL开头没有斜杠,它将与当前页面相对。示例: src="img_girl.jpg". 如果URL以斜线开头,它将与域相对。示例: src="/images/img_girl.jpg".

提示: 几乎总是最好使用相对URL。如果你改变域名,它们不会崩溃。

注释: 如果浏览器找不到图像,则 alt 会显示断开的链接图像的文本。


浏览器支持

属性
src Yes Yes Yes Yes Yes

语法

<img src="URL">

属性值

描述
URL 图像的 URL。

可能的值:

  • 绝对 URL - 指向另一个网站 ( 比如 src="http://www.example.com/image.gif")
  • 相对 URL - 指向网站中的文件 ( 比如 src="image.gif")

❮ HTML <img> 标签