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

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Head First HTML与CSS — 为你的页面加图像相关的知识,希望对你有一定的参考价值。

 

  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 — 为你的页面加图像的主要内容,如果未能解决你的问题,请参考以下文章

Head First HTML与CSS — 布局与定位

head first python学习计划

Head First Python(如何向PYPI发布你的代码)学习笔记

Head FIRST HTML & CSS 16/3/11

Head FIRST HTML & CSS 16/03/17

《Head First HTML&CSS》笔记