提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档
目录
前言
如何插入图片?
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