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值如下

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

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