第三篇
HTML教學 		網頁研習室 第五節
網頁圖片 		 
底圖基本架構標籤
<Body BackGround="圖案名稱.附檔名">
標籤語法 產生效果 語   法   說   明
<Body BackGround="圖案名稱.附檔名">
背景底圖
進入查看顯示結果
 因為放在<Body ..> 標籤內，所以可讓主體整個背景顯示所採用圖檔樣式，可使用 *.JPG 、 *.GIF 或 *.PNG 等圖檔格式，而英文的 BackGround 標籤，本身就是背景的意思。
背景圖與背景色之比較
標籤語法 語   法   差   別   說   明
<Body BackGround="圖案名稱.附檔名"> 必需放於<Body ..> 內，用於主體內，被指定的網頁整體背景會是同樣的底圖樣式。
沒有其他屬性標籤，只能使用 *.JPG 、 *.GIF 或 *.PNG 等圖檔格式。
優點：色彩多樣化；優點：載入時間較長、不易取得。
<Body BgColor="#RGB 或 Color Name"> 必需放於<Body ..> 內，用於主體內，被指定的網頁整體背景會是同樣的色彩樣式。
其屬性標籤值可採用 16 進位的 #RGB 值或 Color Name 的英文顏色名稱。
優點：色彩單一、容易搭配；優點：載入時間較快。

注意事項：
如果<Body...>內同時採用底圖與底色標籤時，瀏覽器會以底圖為第一優先，當底圖失效時就會以底色遞補。
使用底圖不宜採用過深或帶有動畫之圖案，以利文件(字)安排及整體性。
以純文字展示時，應特別注意背景色或背景圖與文字間搭配問題。
底圖檔案大小最好能控制在 50 kb 以內、尺寸也是越小越好，目的是避免過大免得影響載入時間。
選用背景圖時，應盡可能使用淡色或淺色系列的顏色，這樣訪客才能很舒服及清晰的看清文字內容。
不要每一頁使用不同底圖，應考量一致性，這樣雖然多變化但不利訪客使用。
底圖 (色) 與內容或文字的搭配極為重要，尤其在使用有超鏈結語法時，您必需特別注意。
底圖標籤也可以套用到表格內使用，我們在第七節就會教到，這裡您先有個認知即可。
注意：GIF、JPG、PNG 檔名及副檔名，請務必使用英文小寫。