勤奋学习

《Head First HTML与CSS、XHTML》第五章要点

猴猴 · · · ·

        本章主要围绕图像展开,详细介绍了如何使用<img>元素和它的属性等所有细节。区分jpg和gif格式的使用场所以及各自的优缺点。调整图像尺寸,不推荐使用width和height。使用缩略图并创建图像链接。

要点:

1、使用<img>元素在网页中添加图像。

2、浏览器对待<img>元素不同于其他HTML元素;在读完HTML页面后,浏览器从网络服务器上接收每张图像并显示。

3、如果你网页上有许多大图像,你要创建缩略图来使你的网页更具实用性并更快的下载。用户通过点击小图像来看大版本的图像。

4、<img>元素是个内敛元素,意味着浏览器不会在图像前面或者后面插入换行。

5、src属性用来指定图像文件的位置。你可以在src属性中使用相对路径从你的网站上得到图像,或者用URL从别的网站获得图像。

6、<img>元素中的alt属性是对图像意义的描述。如果图像找不到,它会在某些浏览器中显示,并被屏幕读取器用于为视觉有障碍的用户描述图像。

7、宽度小于800像素是网页图像显示的优秀方案。大多数照片是用数码相机拍摄的,对网页来说他们太大,你必须调整它们的大小。

8、Photoshop是众多图像编辑软件中可以调整图像大小的一种。

9、对浏览器来说图像太大会让网页难以使用、下载和显示变慢。

10、一个像素是屏幕能显示的最小点。每个图像都是由数以千计的像素组成的。视你的显示器而定,可以从72像素/英寸~120像素/英寸不等。

11、JPEG和GIF是网络浏览器广泛接受的两种图像格式。

12、JPEG格式最适用于照片和其他复杂图像。

13、GIF格式最适用于logo和其他由纯色、线条或者文字组成的简单图像。

14、JPEG图像可以用多种质量等级压缩,你可以根据需要选择质量和文件大小的平衡。

15、GIF图像格式允许你创建一个带透明背景的图像。如果你把一个带透明背景的图像放到网页上,在图像背后的部分如页面的背景色,会穿透图像的透明部分显示。

16、在Photoshop中,在“保存为Web所用格式”对话框中使用蒙版颜色菜单,选择正确颜色来柔化透明GIF图像的边缘。

17、图像可以像链接一样链接到其他网页。使用<img>元素作为<a>元素的内容,把链接放到<a>元素中的href属性来创建图像链接

0 条回应