背 景 標 籤 教 學
事前解說
其實背景標籤的內容很少,不過這裡會介紹路徑的觀念
而背景可以用顏色,也可以用圖片
背景顏色
其實背景只是在BODY標籤中的一個指令,而若要設定背景顏色的指令是BGCOLOR
BG(背景)COLOR(顏色)=#ffff00,而其中的ffff00和前面的字體顏色的設定是一樣的意思
<BODY BGCOLOR=#ffff00>
範例效果一

背景圖片
同一個意思,只是指令成了BACKGROUND=" 圖片路徑+圖片名稱"
範例效果二
 圖片路徑
圖片路徑,路徑,若有dos的基礎會比較了解
例如:
有個叫ABC.gif的檔案放在c硬碟中的xyz的資料夾下的987資料夾下
c:
  xyz--第一層目錄
   987--第二層目錄
     ABC.gif--檔案所在
而這個檔案的路徑為c:\xyz\987\ABC.gif

以上為DOS的觀念,而在HTML還有分絕對路徑和相路徑

  絕對路徑
絕對路徑,非常簡單,就是檔案在網路上的位置如
<BODY BACKGROUND="http://members.xoom.com/larry629/image/BG010.gif">
而紅色部份則為絕對路徑,因為固定檔案的位置所在,而藍色部份則為圖片名稱
還有在這先說明在DOS下是 \ 但是在HTML下是 / 哦別搞錯了哦
  相對路徑
相對路徑比起絕對路徑起來是較難解說的就用本教學內容的架構來說明
c:
   homepagefiles--第一層目錄 所有主要HTML檔所在
        exam --第二層目錄 所有範例HTML檔所在
           exam52.htm--第三層檔案所在 本章範例二
        image--第二層目錄 所有圖片檔所
           BG000.gif--第三層檔案所在 背景圖

我現我下<BODY BACKGROUND="../image/BG000.gif">的指令

這是在本章範例二中下的語法我現在一一來解說,因為這個檔案(exam52.htm)位在 exam的第二層目錄下而背景圖位在同等級的image的第二層目錄下

所以現在我們先用兩個..回到上層目錄也就是homepagefiles的第一層目錄下 然後再進入image的第二層目錄下在指定檔名就可以了.

看不懂請按這

圖片格式的限定
雖然在電腦上有很多的圖片格式不下數十種,但是在INTERNET上只可用兩種也就是JPG ( JPEG ),及GIF 而這兩種格式可以說是這數十種圖中,做出來的圖檔,檔案大小最小較利於網路的傳輸
本章範例一
<HTML>
<HEAD>
<TITLE>背景標籤教學 </TITLE>
</HEAD>
<BODY BGCOLOR=#ffff00>
<center>
<i> <FONT COLOR=#ff00ff> <H1>除前面內容多加了背景顏色</H1> </FONT></i>
</center>
</BODY>
</HTML>
範例效果一
本章範例二
<HTML>
<HEAD>
<TITLE>背景標籤教學 </TITLE>
</HEAD>
<BODY BACKGROUND="../image/bg000.gif">
<center>
<i> <FONT COLOR=#ff00ff> <H1>除前面內容多加了背景圖片</H1> </FONT></i>
</center>
</BODY>
</HTML>
範例效果二

作者:  醒吾技術學院  國貿系  陳義元  E-mail
完成日期:1999年1月12日

[ 上一頁 | 回主頁 | 下一頁 ]