我應該如何的創造背景,並且設定背景顏色?

首先具有背景能力的瀏覽器是 Netscape 1.1 版,而現在許多的 WWW 瀏覽器 都支援這一個功能。

使用 <BODY> 標籤的特性來改變底色是一種很棒的特色。 HTML 作者 如果對於 <BODY> 不熟悉的話,那麼應該知道 <BODY>...</BODY> 標籤會包圍了在文件中的任何文字,除了在開始的 <TITLE> 標籤以外。 (<TITLE> 標籤應該要被包含在 <HEAD> 標籤中,雖然這是隨意的 ,如果您想要了解更多的 HTML 規則,您可以考慮 w3 協會的 web 資訊頁 <URL:http://www.w3.org/>.)

底下這份簡短的 HTML 文件會使得這項特色得到多方面的應用。 您可以試著將這個 HTML 貼到一個檔案去,然後開啟您的 WWW 瀏覽器來看看有什麼結果。

<HEAD>
<TITLE>Color Test</TITLE>
</HEAD>
<BODY BGCOLOR="FFFFFF" 
         TEXT="000000" 
         LINK="00FF00" 
         VLINK="CC33FF"
         ALINK="FF0000">

<H1>Color Test</H1>
<P>
這一份文件包含了白色的背景以及黑色的文字。

<a href="http://www.boutell.com/">Links</a> 將會
以綠色的字來展示出來。
如果這個鏈結已經看過了,那麼就會以黃色的文字來展
示,而當你按下去的同時,字體將會變成紅色的字。

</BODY>
BGCOLOR 的屬性可以色定背景顏色, TEXT 的屬性則設定了 一般文字的顏色, LINK 屬性設定了鏈結的顏色。VLINK 屬性 設定了已經閱讀過的鏈結顏色, ALINK 則設定了目前正在連 線時的鏈結顏色。

"當然我知道上面這些,但是這些數字以及字元代表什麼意思呢?"

那些數字是 16 進位數字:頭兩個數字是紅色,接著兩個數字是綠色, 而最後兩個數字為藍色。 00 表示黑色(或是說沒有顏色),而 FF 則表 示相對於每一種顏色的最大值(也可以說是顏色的程度)。

幸運的,您並不需要去了解這些規定,您可以使用 Doug Jacobson 的 RGB Hex 三組顏色圖表 <URL:http://www.phoenix.net/~jacobson/rgb.html> ,他為許多種顏色提供了 適當的設定值。

請注意: 如果你的資訊頁非常難讀,那麼使用者將不會閱讀他們 ,請好好的設定您的背景顏色,除非您想失去您的讀者們。

"來點背景圖片如何?"

要設定背景圖片的話,可以使用 BODY 標籤中的 BACKGROUND 這一個屬性 ,例如,一個具有 BODY 標籤的資訊頁: <BODY BACKGROUND="tile.gif" BGCOLOR="FFFFFF"> 他將會包含了 tile.gif 這張影像放在背景。 如果使用者寧願不要載入圖片(這是很正常的),那麼上面提到的 BGCOLOR 屬性就會發揮他的功用。設定一個合適的 BGCOLOR 是 非常重要的,因為他可以作為除了 BACKGROUND 屬性以外的第二 個選擇。

更多的資訊

一份由 Mark Koenen 所維護的 FAQ <URL:http://www.sci.kun.nl/thalia/guide/color/faq.html> 有討論到這 個主題。您可以藉著這份 FAQ 得到其他相關的訊息。

一個背景圖片,小圖片以及可以取代正常 <HR> 標籤的圖庫 可以在 <URL:http://jupiter.ufr924.jussieu.fr:1998/nabil.html> 找到。


World Wide Web FAQ