本地路径和http路径显示出来的替代内容为什么不同

本地路径和http路径显示出来的替代内容为什么不同

<!doctype html>
<html>
<head>
<meta http-equiv="content-type" content="text/html" charset="utf-8"/>
<title>第一个网页</title>
</head>
<body>
<p>绿色</p>
<img src="http://img1.sycdn.imooc.com/climg//58c112ed0001370f030003 00.jpg" alt="lvse" width="20%"/>
<p>马图</p>
<img src="C:/Users/Hutu_Studio/WebstormProjects/untitled/Jelly fish.jpg" alt="matu" width="100px" height="80px"/>
</body>
</html>

老师,请问一下,本地路径和http路径显示出来的替代内容为什么不同?http://img1.sycdn.imooc.com//climg/5cfcb59b00015b4613770877.jpg

正在回答

登陆购买课程后可参与讨论,去登陆

2回答

你好同学,因为老师不知道你是在路径中故意加空格,加上空格路径不对了,所以老师让你检查一下地址哦。/和\确实都可以,但是绝对路径还是使用\更规范。

另外,如果地址没有问题,那么同学截图中显示的效果是没有问题的。代码中第二张图片设置的替代内容是matu,并不是lvse哦。所以显示的内容是matu。而前面的图片是浏览器默认显示的图片哦,只要图片加载不成功就显示这张图片的。浏览器不同,默认图片可能会有差别,这个不需要去管,默认显示就行。

http://img1.sycdn.imooc.com//climg/5cfce9400001df1103400091.jpg

祝学习愉快,望采纳。

  • 慕函数1351374 提问者 #1
    哦,明白了,谢谢老师!
    2019-06-09 19:21:11
好帮手慕夭夭 2019-06-09 17:22:09

你好同学,第二个是因为路径不对,图片并没有加载出来哦。同学把路径检查一下,例如像如下这样找到图片的位置,把图片的地址复制到代码中再试一下哦。

http://img1.sycdn.imooc.com//climg/5cfccfdf0001987804820142.jpg

祝学习愉快,望采纳。

  • 提问者 慕函数1351374 #1
    “/”和“\”两种我都试过,在html里面是一样的,都支持。如果我把地址中的空格给去掉,原图就能显示出来了。现在我在地址中加了一个空格,应该显示替代文本“lvse”,但却显示了另外一幅图。
    2019-06-09 17:35:24
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师