如何在html中插入图片_html添加图片路径本地png

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

目录

前言

如何插入图片？

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