HTML-图像标签,文件路径

图像标签 

可以在网页中放图片的称为图像标签

单标签:<img src="...">    src用来指定图片的位置和名称,这里...表示的是图片路径

文件路径 

文件路径分为:

                   相对路径: 对于当前所在的工程文件夹而言的路径 

                   绝对路径:对于整个盘符而言所在的路径,我们可以把盘符理解成俄罗斯套娃,只不过这个俄罗斯套娃可能一个娃里面包含了几个娃,我们要找到我们需要的那个娃,就得逐一打开大的娃。

windows的路径都是默认用斜杠\,其他系统是反斜杠/,这里建议统一成反斜杠

/表示进入某个文件夹或文件

.表示当前文件夹所在位置

..表示上一级路径所在位置

<img  src="   "> 图像标签

我们在这里用的是相对路径,对于这个工程文件夹而言的路径 

如果你并不是很清楚你的图片存放在哪个路径,可以先把图片拖到桌面上来,然后鼠标右键打开复制文件路径。

打开我们可以看到有两张图片 

图像标签的属性 

 

当我们使用错误的路径时图片是无法加载的,这时候用alt就会显示文字 

  • 13
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值