网页设计图片、背景和颜色

《网页设计图片、背景和颜色》由会员上传分享，免费在线阅读，更多相关内容在学术论文-天天文库。

1、第5章图片、背景和颜色清华大学出版社主要内容5.1图片的使用5.2背景5.3HTML颜色5.4小结5.1图片5.1.1插入图片标记IMG网页中常用的图片格式为GIF、JPEG和PNG。高质量的图片一般用TIFF格式保存，但其图片体积过大，不太适合网络传输。不同的图片格式会表现出不同的颜色分辨率和颜色标准，当然也会影响其体积的大小。一般在网页设计中选择的图片不要超过8KB，如必须选用较大图片时，可先将其分成若干小图片，显示时再通过表格将这些小图片拼合起来。如果在同一文件中多次使用相同的图片时，最好使用相

2、对路径查找该图片。在HTML文档中，显示图片所用的标记是。5.1.1插入图片标记IMG基本语法：5.1.1插入图片标记IMG语法说明：-img是插入图片的标记，其常用属性如表9-1。其中src是其必须的属性；-src属性用来指定图像源，即图像的URL路径。该路径可以是相对路径，也可以是绝对路径。的属性功能说明src指定图像源，即图像的URL路径width指定图像的显示宽度height指定图片的显示高度hspace定义图像左侧和右侧的空白。vspace定义

3、图像顶部和底部的空白。align指定图片的对齐方式border指定图片的边框大小alt如果图片无法显示，代替图像的说明文字5.1.1插入图片标记IMG示例代码5.1.1插入图片标记IMG程序5-1-1采用标记插入了两幅图片，

4、其执行效果如图所示。5.1.2替换文本说明标记的alt属性分别用来指定图像的替代文字说明，替代文本说明应该简洁而清晰，能够为用户提供足够的图片说明信息，使用户在无法看到图片的情况下也可以了解图片的内容信息。基本语法：5.1.2替换文本说明语法说明：-图片的alt属性用于对图片信息进行描述。在浏览器中当图片无法正常显示时，在图片位置显示该描述信息。当图片可以正常显示时，当鼠标放在图片上面时才显示该描述信息；-alt属性可在Web浏览器不支持图像显示或用户

5、关闭图像下载功能时，告诉用户该处是一幅什么样的图像。5.1.3添加图片边框标记的border属性可以用来指定图像的边框，添加边框后的图片显得更醒目、更美观。基本语法：5.1.3添加图片边框语法说明：-border的值用数字表示，默认单位为px；-默认情况下图片没有边框，即border=0；-图片边框的颜色不可调整，默认为黑色。当图片作为超链接使用时，图片边框的颜色和文字超链接的颜色一致，默认为深蓝色；5.1.3添加图片边框示例代码

8、面中显示的是图像的原始大小。如果要显示指定的图像大小，就需采用img标记的width和height属性。其目的是通过指定图片的高度和宽度加快图片的下载速度。如果不设置，浏览器就要等图片下载完全才能显示网页，因此延缓了其他页面元素的显示。基本语法：5.1.4调整图片大小语法说明：-width和height的单位可以是像素，也可以是百分比。百分比表示显示图像大小为浏览器窗口大小的百分比；-在wid