【品牌網(wǎng)站建設(shè)公司】
圖像是美化網(wǎng)頁最常用的元素之一。雖然有很多種計算機圖像格式，但由于受網(wǎng)絡(luò)帶舅和瀏覽器的限制，在Web上常用的圖像格式有三種：GIF、JPEG和PNG。
4.7.1 網(wǎng)頁的背景
網(wǎng)頁的背景可以是某種色彩，也可以是圖像。無論是圖像，還是背景色，都使用<body標簽，只不過使用不同的屬性。
1．設(shè)置背景色
利用色彩作為背景，比較容易在色彩上達到協(xié)調(diào)，而且下載速度比采用圖像作為背景快網(wǎng)頁默認為白色，<body>標簽的bgcolor屬性用于設(shè)置網(wǎng)頁的背景色，格式為：
<body bgcolor=”色彩值”>…饑ody>
·52·
其中，“色彩值”可以為色彩的英文名或相應(yīng)的十六進制值。
2．用圖像作為背景
使用<body>標簽的background屬性，可為網(wǎng)頁鋪上背景圖像，格式為：
<body background=’’圖像文件名’’>…<／body>
其中，background取值為一個圖像文件名，并且要指出文件存放的路徑，徑，也可以是絕對路徑。圖像文件可為GIF格式或JPEG格式的文件。
在瀏覽器中，作為背景的圖像將按原來的大小復(fù)制，重復(fù)鋪滿整個網(wǎng)頁。景的圖像文件，要做得很小，以便加快下載速度。
4.7.2 圖像標簽<img>
注意，作為背
使用圖像標簽，可以把一幅圖像加入到網(wǎng)頁中。用圖像標簽還可以設(shè)置圖像的替代文本、尺寸、布局等屬性。圖像標簽的格式為：
<img src=”圖像文件名”alt=”簡單說明”width=”圖像寬度”height=”圖像高度” border="邊框?qū)挾?rdquo;hspace=”水平方向空白”vspace=”垂直方向空白”
align=”環(huán)繞方式I對齊方式”／>
標簽中的屬性說明如下。
src：指出要加入圖像的文件名，即“圖像文件的路徑＼圖像文件名”。
alt：在瀏覽器尚未完全讀入圖像時，在圖像位置顯示的文字。
width：設(shè)置圖像的寬度（像素數(shù)或百分數(shù)）。通常設(shè)置為圖像的真實大小，以避免失真。若需要改變圖像大小，最好事先使用圖像編輯工具進行修改。百分數(shù)是指相對于當前瀏覽器窗口大小的百分比。
height：設(shè)置圖像的高度（像素數(shù)或百分數(shù)）。
hspace：設(shè)置圖像左、右的空白空間，以免文字或其他圖像過于貼近。采用像素作為單位。
vspace：設(shè)置圖像上、下的空白空間，采用像素作為單位。
align：當圖像與文本混合排放時，設(shè)置圖像在水平（環(huán)繞方式）或垂直方向（對齊方式）上的位置，取值為left（圖像居左，文本在圖像的右邊）、right（圖像居右，文本在圖像的左邊），top（文本與圖像在頂部對齊）、middle（文本與圖像在中央對齊）或bottom（文本與圖像在底部對齊）。
如果不設(shè)置圖像的大小，圖像將按照其本身的大小顯示?？墒褂?lt;img>標簽的width屬性和height屬性來設(shè)置圖像的大小。width和height的屬性值可以是像素數(shù)，也可以是百分數(shù)。
