初學者必修篇

第三篇
認識網頁背景 & 文字顏色用法

適合程度： 初學者 一般程度 進階者 以上均宜
壹、HTML 標籤 (Tag) 用於表示背景 & 文字顏色的屬性 (Properties) 有兩種：
A.<BODY  BGCOLOR="背景顏色"  TEXT="文字顏色" >Next Step用於主體內背景及所有文字顏色。
B.<FONT  COLOR="文字顏色" .....>文字或圖片</FONT>Next Step用於字型 (FONT) 文字顏色，其值優先於 BODY 內的 TEXT。
<BODY ...> &<FONT ..>為 HTML 標籤 (Tag)；BGCOLOR & TEXT & COLOR 是該標籤的屬性 (Properties)。
這裡的標籤 (Tag) & 屬性 (Properties) 都必須被 <... & ... > 包裹起來；其英文字母可不區分大小寫。

貳、HTML 標籤 (Tag) 用於表示背景 & 文字顏色的屬性值 (Value) 有兩種：
A.以 16 進位色碼為屬性值：如紅色背景 BGCOLOR="#ff0000" 或紅色文字 TEXT="#ff0000"。
B.以英文顏色字母為屬性值：如紅色背景 BGCOLOR="red" 或紅色文字 TEXT="red"。
這裡的顏色屬性可為大寫 (BGCOLOR) 或小寫 (bgcolor) 或大小寫混合 (BgColor)。
這裡的顏色屬性值也可以為大寫 (RED) 或小寫 (red) 或大小寫混合 (Red)。

參、認識 HTML 的 16 進位制 (Hexadecimal) 色彩 (RGB) 值：
16 進位制他們的範圍從 0 ∼ F，也就是0123456789ABCDEF(大於 9 的 16 進位數字，其意義就等於 10 進位中的 10 ∼ 15。
在 HTML 中，是以三對 (RGB) 16 進位的數字來表示色彩。
每一對數字代表了 RGB 色彩成份中的一種，最前面是紅色 (Red)、再來是綠色 (Green)、最後是藍色 (Blue)。
所以 16 進位制色碼就是由 00 至 FF 共同組成，因此由 00 最深至 FF 最淺漸進；00 表示最深(黑)，FF 則為最淺(白)。
而每次輸入 16 進位制色碼時，需要在前面加入 #符號及 6 個色碼值，也就是 #RRGGBB。
前兩個 RR 便是由 16 X 16 色組成，也等於 256 色；所以三組便是 256 X 256 X 256，就相當等於 1,677 萬色。

肆、認識 HTML 的英文顏色字母：
以下是 16 個常用 16 進位色碼值與英文顏色字母對照表：
實際顯示顏色 16 進位制色碼值 英文顏色字母 實際顯示顏色 16 進位制色碼值 英文顏色字母
  #000000(最黑) black   #808080 gray
  #000080 navy   #C0C0C0 silver
  #00FFFF aqua   #008000 green
  #808000 olive   #008080 teal
  #0000FF blue   #00FF00 lime
  #800080 purple   #FFFF00 yellow
  #FF00FF fuchsia   #800000 maroon
  #FF0000 red   #FFFFFF(最白) white
這裡還有 10 進位制連線前往查看、 16 進位制連線前往查看、 英文顏色字母連線前往查看 及中譯對照混合色碼表連線前往查看供您參考。

伍、顏色理論：
在 HTML 內定語法中，顏色是由紅、綠、藍 (RRGGBB) 三原色組合而成的，所以我們以 RRGGBB 值來表示。
RRGGBB值如採十六進位制 (0 ∼ 9，A ∼ F) 時，就會分別給予三原色兩個十六進位來定義。
白色的組成便是： 紅=FF、綠=FF、藍=FF RGB值即為： #FFFFFF  
紅色的組成便是： 紅=FF、綠=00、藍=00 RGB值即為： #FF0000  
綠色的組成便是： 紅=00、綠=FF、藍=00 RGB值即為： #00FF00  
藍色的組成便是： 紅=00、綠=00、藍=FF RGB值即為： #0000FF  
黑色的組成便是： 紅=00、綠=00、藍=00 RGB值即為： #000000  

陸、色彩概念：
RGB 色光(加色)模式連線前往查看、 CMYK 色料(減色)模式連線前往查看、 HSB 模式連線前往查看。

柒、綜合技巧：
選用背景圖案、顏色時，應力求簡單、清晰，以利網友觀看。
使用文字顏色，務必考慮到背景顏色或圖案，以免看不清除或不協調。
背景圖 <BODY BackGround="路徑\圖檔"> 優先於背景色 <BODY BGColor="RRGGBB">。
<FONT...字型文字顏色> 其值優先於 <BODY.....內的TEXT>。
您不必死背這些色碼的數字、顏色英文語彙，應善用編輯工具或 Copy To Paste 方式。
請學會第玖項：如何隨時呼叫這些好用的色碼表做為您的網頁工具？以提升您的作業效率。
HTML 是依據他內訂的語法來解讀，雖然您隨便輸入一個顏色，或許也可以顯示結果，但這並不是我們要的。

捌、色碼轉換速算表 ：
10 進位制他們的範圍從 0 ∼ 9，也就是 0123456789；如果採十進位制 (Decimal Value)，則會以 0 ∼ 255 數值來表示。
十進位制用於Java程式語言比較多，JavaScript 語言偶會使用到(略)。
特別提供 10 進位制與 16 進位制互相轉換器連線前往查看給大家備用。

玖、如何隨時呼叫這些好用的色碼表做為您的網頁工具？
首先將這些色碼表用 IE Browser 呼叫出來，然後：
建立【我的最愛】：我的最愛指引加到我的最愛指引新資料夾指引填寫【網頁工具】指引確定指引再確定。
滑鼠指向 IE Browser 按一下Ctrl + N 指引他會開一個新網頁，然後：
呼叫【我的最愛】：我的最愛指引找到【網頁工具】資料夾指引選取您想打開的網頁檔案。
如果您想完整取得電子報內所有檔案資料，我們提供燒錄光碟片給您 Go 。
凡加入教學或教材會員者，均可獲得以下乙份完整的資料光碟。
詳細內容：語法教學、第一電子報、第二電子報、第三期電子報、網頁圖窟。

拾、結論與建議：
本站所有報導資料，歡迎網友加入鏈結或轉載內容，惟請保留文章完整，並註明此 引用來源 ，謝謝您的支持與配合。
本報每篇報導都花上 8 小時以上搜集、整理及撰稿，絕對值得初學者或想徹底學會 HTML 語法網友永久保存。
強烈建議您 學會 HTML 語法 ，她真的簡單易學，懂了她您就能駕馭她，讓您使用所見即所得軟體更得心應手。
本報導屬於完全免費性質， 索取教材資料 屬個人自由意願，而回饋給您的光碟片，則是我們的誠意而已。
一篇保證前所未見的 HTML 教學課程，絕對是您學習 HTML 的好教材，強烈建議您進入實際體驗一下。
本電子報報導資料，未來將繼續每隔 30 日發表一次，以嘉惠更多想學會 HTML 網友，歡迎 繼續訂閱 。
本報導內容或資料，因限人力、時間，非教學會員，不接受任何疑惑解答，敬請見諒。