Menu
×
   ❮     
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="Girl in a jacket" 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 文本。


浏览器支持

属性
src

语法

<img src="URL">

属性值

描述
URL 图像的 URL。

可能的值

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

❮ HTML <img> 标签
×

Contact Sales

If you want to use W3Schools services as an educational institution, team or enterprise, send us an e-mail:
[email protected]

Report Error

If you want to report an error, or if you want to make a suggestion, send us an e-mail:
[email protected]

W3Schools is optimized for learning and training. Examples might be simplified to improve reading and learning. Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness of all content. While using W3Schools, you agree to have read and accepted our terms of use, cookie and privacy policy.

Copyright 1999-2024 by Refsnes Data. All Rights Reserved. W3Schools is Powered by W3.CSS.