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