码迷,mamicode.com
首页 > Web开发 > 详细

Head First HTML与CSS — 为你的页面加图像

时间:2016-06-29 14:40:29      阅读:217      评论:0      收藏:0      [点我收藏+]

标签:

 

  1.   HTML中我们用img标签插入图像,在Web中常用的有三种:JPEG, PNG,GIF。

            简单来讲,JPEG适合照片和复杂图像使用,而PNG或GIF适合单色图像、logo、和几何图形使用。

  • JPEG:适合连续色调图像,如照片;可以表示1600万种不同颜色图像;“有损”格式,压缩时候会丢失信息;不支持透明度和动画;文件较小。
  • PNG:适合单色图像和线条构成的图像,如logo、剪贴画、图像中的小文本;可以表示上百万种颜色,PNG有三种,PNG-8、PNG-24、PNG-32;“无损        格式”,压缩时候不丢失信息;允许“透明”;文件比JPEG大一些,与GIF相比要根据使用的颜色数。
  • GIF:类似于PNG,适合单色图像和线条构成的图像,如logo、剪贴画、图像中的小文本;可以表示最多256种颜色;“无损”格式;只允许一种颜色设置      为“透明”;文件比JPEG大;支持动画。

      2.<img src=".." alt=".."> 

         <img>元素是一个内联元素,src属性指定图像文件的位置,alt属性是对图像的一个有意义的描述。

      3.如果把一个透明的图像放在Web页面中,则要确保这个图形的蒙板颜色与Web页面的背景色一致。 

 

Head First HTML与CSS — 为你的页面加图像

标签:

原文地址:http://www.cnblogs.com/lixiaolei90/p/5626742.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!