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值如下
以上可以用来加载图片如下。