__x__(11)0906第三天__图片标签

时间:2023-12-25 23:33:43

图片标签 


<img src="data:images/1.gif" alt="冰河世纪的大松鼠" width="80%" />

Hello Web!`

__x__(11)0906第三天__图片标签这是一个内联元素。


 使用<img />标签向网页引入一张图片:

  • src:图片相当于源代码的位置,支持 当前文件夹“.”,上一级文件夹“..”。
  • alt:一般都会编写备注,在图片无法显示时,网页上可见。且可以被搜索引擎检索,符合时,收录图片。
  • width/height:宽/高,一般指定一个,按比例进行缩放。

图片的格式

  • PNG:支持的颜色多,且支持复杂透明。。。一般保存颜色复杂或者需要透明的图。
  • JPEG:支持的颜色较多,图片可以压缩,但不支持透明。。。一般保存色彩鲜艳的图片。
  • GIF:支持颜色少,只支持简单的透明,支持动态图。。。一般保存颜色单一或者动态的图片。

同样的效果,选择图片大小小的哪一种格式。。。一般开发中,除了自适应页面开发,其他情况不建议设置 width 和 height,而是要美工裁出指定大小的图。