首页 前端知识 如何在html中插入图片

如何在html中插入图片

2024-05-10 22:05:39 前端知识 前端哥 565 916 我要收藏

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档

目录

前言

如何插入图片?

1.标签名:img

2.属性:

3.图片的类型


前言

学习html中必学的一个知识点,如何插入图片

在学习了如何插入图片后,页面会变的丰富很多

在枯燥的文字中添加了一抹亮色


如何插入图片?

1.标签名:img

2.属性:

              src:输入引入图片的地址

              绝对路径:与当前文件位置无关

                      比如:网址

              相对路径:与当前文件位置有关

                      在同一个文件夹   =>          ./或者将./省略

                      不在同一个文件夹

<img src="../img/图片.png">

              alt:当图片不能正常显示的时候显示alt的内容

<img src="../img/图片.png" alt="显示alt的内容">

              title:鼠标悬停时,title里面内容显示

3.图片的类型

             JPEG(jpg):支持的颜色表较多,图片可以压缩,但是不支持透明=》保存照片等颜色丰富的图片

             GIF:支持颜色较少,支持简单透明和动图=》图片颜色单一或动图

             PNG:支持颜色多,支持复杂透明,但不支持动图=》用来显示颜色复杂的透明图片,多用于网页

             webp:谷歌推出专门用来表示网页的一种格式,具备其他格式的所有优点,文件格式小,但是兼容性不好

             base64:将图片使用base64编码,图片转换成字符,通过字符形式来引入=》需要和网页一起加载的图片才会使用base64

转载请注明出处或者链接地址:https://www.qianduange.cn//article/7950.html
评论
会员中心 联系我 留言建议 回顶部
复制成功!