首页 > 编程知识 正文

html用img标签加入片,img片加载失败显示的文字

时间:2023-05-04 05:49:23 阅读:262994 作者:4156

html:w3school 在线教程

如题,本来想用<img>标签显示图片,但是始终无法加载出图片,显示结果如下:

<html><head></head><body>
    <img src='w3school.jpg'  width='104' height='142'/>
</body></html>

网上有些说是要在<head>标签中加入<meta name="referrer" content="never">,试了还是不行,后来发现是源属性src的值url的问题。

标签<img>中的值url

a、如果图片来源于网络,url的值为图片的网络地址(右键图片后,点击 复制图片链接 就可得到图片网络地址),就可成功加载出图片。

b、如果图片来源于本地文件(C盘或者D盘等),url的值可为绝对地址或者相对地址,在这里我的html文档名为example.html,图片名为doghead.gif。

(1)url为绝对地址,不管example.html和doghead.gif的位置关系,直接在图片属性中查找图片的位置,我的是D:yingyongwenjianstudypythonworkhtml_knowledge,加上文件名即可  D:yingyongwenjianstudypythonworkhtml_knowledgedoghead.gif

以上即可成功加载出图片,使用图片绝对地址不用考虑 .html文档和 .gif 的位置关系,只要加上  file:/ + 图片绝对地址  (不过file:// + 图片绝对地址和file:/// + 图片绝对地址也可以)即可。

(2)url为相对地址,这种情况下要考虑example.html和doghead.gif的位置关系。

情况1:如果example.html和doghead.gif在同一文件夹下,都在html_knowledge文件夹下,

 情况2:如果doghead.gif在images文件夹下(即images/doghead.gif),而example.html和images在同一文件夹html_knowledge下,url值如下

 情况3:如果doghead.gif在images文件夹下(即images/doghead.gif),而example.html在htmls文件夹下(即htmls/example.html),htmls和images在同一文件夹html_knowledge下,url值如下

 以上就可此功加载出图片如下。

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。