img标签加载图片失败,img提示文字

  img标签加载图片失败,img提示文字

  Html:w3school在线教程

  比如我本来想显示带有img标签的图片,但是一直加载不了。显示结果如下:

  html头部/头部主体

  img src= w3 school . jpg width= 104 height= 142 /

  /body/html

  在网上,有人说应该在head标签上加上meta name= referrer content= never。尝试之后还是失败。后来发现是源属性src的url。

  值url在img中:

  a、如果图片来自网络,url的值为图片的网络地址(在图片上点击右键后,点击复制图片链接,获取图片的网络地址),图片即可成功加载。

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

  (1)url为绝对地址不考虑example.html和doghead.gif的位置关系,直接在图片属性中寻找图片的位置。我的是D:\ yingyongwenjian \ study \ python work \ html _ knowledge,可以把文件名加到D:\ yingyongwenjian \ study \ python work \ html。

  以上可以成功加载镜像。您可以使用图像的绝对地址,而不用考虑。html文档和。gif,加上文件的绝对地址:/image就可以了(但是file://image绝对地址和file://image绝对地址也可以)。

  (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)中,则html和images在同一个文件夹html_knowledge中,url值如下

  以上可以用来加载图片如下。

郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

留言与评论(共有 条评论)
   
验证码: