前端学习-day5-图片标签的路径和属性

---图片路径、怎么把图片放在页面中?

1.将要放的图片确保在文件夹目录下

2.用<img>引入图片(同一目录下的图片)

3.同级目录的路径写法:【相对路径:1、img01.png;2、./img01.png(/代表路径,.代表当前);】3、D:\千峰-案例练习\day5\img(绝对路径,本地运行file协议可以用,但是http协议找不到,很少用,不推荐);

4.如果html文件和img文件顺序如图

则路径应当先返回上一级:../(返回上一级),../后的代码同上,知识多了一步:要先跳出来,返回上一级。../../(上一级的上一级,多级返回)

相对路径更常用,绝对路径很少用


---图片路径的属性

src(图片路径)、title(鼠标悬停的提示信息)、alt(图片不显示(加载失败)后的提示信息)

width,height可以直接修改宽高(px是像素值,只设置宽或者高就会等比例缩放)。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值