菜单
×
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AI GO KOTLIN SASS VUE DSA GEN AI SCIPY AWS CYBERSECURITY DATA SCIENCE
     ❯   

HTML <img> src 属性

❮ HTML <img> 标签

示例

图片标记如下:

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

定义和用法

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

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

1. 绝对 URL - 链接到托管在另一个网站上的外部图像。例如:src="https://w3schools.org.cn/images/img_girl.jpg"。

注意:外部图像可能受版权保护。如果未经许可使用,您可能会违反版权法。此外,您无法控制外部图像;它可能会突然被删除或更改。

2. 相对 URL - 链接到托管在网站内的图像。在这种情况下,URL 不包含域名。如果 URL 以斜杠开头,则相对于当前页面。例如:src="img_girl.jpg"。如果 URL 以斜杠开头,则相对于域名。例如:src="/images/img_girl.jpg"。

提示:几乎总是使用相对 URL 最好。如果更改域名,它们不会中断。

注意:如果浏览器找不到图像,将显示损坏的链接图标和 alt 文本。 


浏览器支持

Attribute
src

语法

<img src="URL">

属性值

描述
URL 图像的 URL。

可能的值

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

❮ HTML <img> 标签
×

联系销售

如果您想将 W3Schools 服务用于教育机构、团队或企业,请发送电子邮件给我们
sales@w3schools.com

报告错误

如果您想报告错误,或想提出建议,请发送电子邮件给我们
help@w3schools.com

W3Schools 经过优化,旨在方便学习和培训。示例可能经过简化,以提高阅读和学习体验。教程、参考资料和示例会不断审查,以避免错误,但我们无法保证所有内容的完全正确性。使用 W3Schools 即表示您已阅读并接受我们的使用条款Cookie 和隐私政策

版权所有 1999-2024 Refsnes Data。保留所有权利。W3Schools 由 W3.CSS 提供支持