第三天:图像标签及路径分类

第三天:图像标签及路径分类

图像也分为两种属性,属性通常来说就是属于他的特性,其中src属性和alt属性最为明显区分

image

image重要其中图片得是跟HTML文件放在一起,方便一会的使用

image

插入图片的代码则是img格式,而其中的src就是这个图片文件的名字,而alt在图片显示正常的情况下并不会显示,则在文件加载出错或者加载出来慢的时候则会显示

image而在修改图片的宽度和高度的属性代码则建议使用css来修改,css的使用后面会一起学习的,不过这个单词在css里面也照旧使用,所以需要记住

image一般情况下对于宽度和高度的修改只需要修改一个就欧克了qwq

好了现在的我们需要记住img标签他是一个单标签,他对于其他标签呢他更多了一些属性

image

这边要记住属性之间必须空格

我们平时常用的图片格式有哪些呢?1.jpg模式,他有损压缩技术,通常实用于手机拍摄2.png格式,他无损压缩支持透明度更适用于logo,网页图形3.jif支持动画格式,适应于表情包,动画格式4.webp,适应于网页优化支持有损无损压缩

路径

路径又分为俩种,一种绝对路径,一种相对路径,绝对路径是从根目录开始的完整路径,相对路径是相对于当前文件位置的路径,相对路径是分为三级,同一级,下一级,上一级,同一级的意思是文件和HTML文件在同一目录下的,可以使用./来提示,下一级使用/来表示,使用../是返回上一级

总结:学习了图片标签的属性,了解怎么插入图片,怎么调整图片的宽度,长度,并且了解了图片的格式,以及路径的含义

学习进度:5%

明天预期学习内容:音视频标签以及下载方法,创建超级连接以及描点链接,还要网页结构标签

© 版权声明
THE END
喜欢就支持一下吧
点赞8 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片快捷回复

    请登录后查看评论内容