【品牌网站建设公司】
图像是美化网页最常用的元素之一。虽然有很多种计算机图像格式，但由于受网络带舅和浏览器的限制，在Web上常用的图像格式有三种：GIF、JPEG和PNG。
4.7.1 网页的背景
网页的背景可以是某种色彩，也可以是图像。无论是图像，还是背景色，都使用<body标签，只不过使用不同的属性。
1．设置背景色
利用色彩作为背景，比较容易在色彩上达到协调，而且下载速度比采用图像作为背景快网页默认为白色，<body>标签的bgcolor属性用于设置网页的背景色，格式为：
<body bgcolor=”色彩值”>…饥ody>
·52·
其中，“色彩值”可以为色彩的英文名或相应的十六进制值。
2．用图像作为背景
使用<body>标签的background属性，可为网页铺上背景图像，格式为：
<body background=’’图像文件名’’>…<／body>
其中，background取值为一个图像文件名，并且要指出文件存放的路径，径，也可以是绝对路径。图像文件可为GIF格式或JPEG格式的文件。
在浏览器中，作为背景的图像将按原来的大小复制，重复铺满整个网页。景的图像文件，要做得很小，以便加快下载速度。
4.7.2 图像标签<img>
注意，作为背
使用图像标签，可以把一幅图像加入到网页中。用图像标签还可以设置图像的替代文本、尺寸、布局等属性。图像标签的格式为：
<img src=”图像文件名”alt=”简单说明”width=”图像宽度”height=”图像高度” border="边框宽度”hspace=”水平方向空白”vspace=”垂直方向空白”
align=”环绕方式I对齐方式”／>
标签中的属性说明如下。
src：指出要加入图像的文件名，即“图像文件的路径＼图像文件名”。
alt：在浏览器尚未完全读入图像时，在图像位置显示的文字。
width：设置图像的宽度（像素数或百分数）。通常设置为图像的真实大小，以避免失真。若需要改变图像大小，最好事先使用图像编辑工具进行修改。百分数是指相对于当前浏览器窗口大小的百分比。
height：设置图像的高度（像素数或百分数）。
hspace：设置图像左、右的空白空间，以免文字或其他图像过于贴近。采用像素作为单位。
vspace：设置图像上、下的空白空间，采用像素作为单位。
align：当图像与文本混合排放时，设置图像在水平（环绕方式）或垂直方向（对齐方式）上的位置，取值为left（图像居左，文本在图像的右边）、right（图像居右，文本在图像的左边），top（文本与图像在顶部对齐）、middle（文本与图像在中央对齐）或bottom（文本与图像在底部对齐）。
如果不设置图像的大小，图像将按照其本身的大小显示。可使用<img>标签的width属性和height属性来设置图像的大小。width和height的属性值可以是像素数，也可以是百分数。
本文地址:
http://www.yishenzhou.com/yes/post/320.html | 分类:整站优化 |
次阅读
