图片标签
<img src="data:images/1.gif" alt="冰河世纪的大松鼠" width="80%" />
Hello Web!`
这是一个内联元素。
使用<img />标签向网页引入一张图片:
- src:图片相当于源代码的位置,支持 当前文件夹“.”,上一级文件夹“..”。
- alt:一般都会编写备注,在图片无法显示时,网页上可见。且可以被搜索引擎检索,符合时,收录图片。
- width/height:宽/高,一般指定一个,按比例进行缩放。
图片的格式:
- PNG:支持的颜色多,且支持复杂透明。。。一般保存颜色复杂或者需要透明的图。
- JPEG:支持的颜色较多,图片可以压缩,但不支持透明。。。一般保存色彩鲜艳的图片。
- GIF:支持颜色少,只支持简单的透明,支持动态图。。。一般保存颜色单一或者动态的图片。
同样的效果,选择图片大小小的哪一种格式。。。一般开发中,除了自适应页面开发,其他情况不建议设置 width 和 height,而是要美工裁出指定大小的图。