codecamp

HTML img src 属性

HTML <img> src 属性

HTML img 标签参考手册 HTML <img> 标签

实例

图像标记如下:

<img src="smiley.gif" alt="Smiley face">

尝试一下 »

浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主流浏览器都支持 src 属性。


定义和用法

src 标签的 src 属性是必需的。它规定图像的 URL。

注意:当一个网页加载时,浏览器从 Web 服务器上获取图像,并把它插入到页面中。因此,确保图像与相关的网页在同一点,否则访问者可能会得到一个损坏的链接图标。如果浏览器找不到图像时,会显示损坏的链接图标。


HTML 4.01 与 HTML5之间的差异

无。


语法

<img src="URL">

属性值

描述
URL图像的 URL。

可能的值:

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


HTML img 标签参考手册 HTML <img> 标签
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

HTML标签

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }