品牌网站建设公司

图像是美化网页最常用的元素之一。虽然有很多种计算机图像格式,但由于受网络带舅和浏览器的限制,在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的属性值可以是像素数,也可以是百分数。