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

2024-12-02

文章推薦指數： 80 %

投票人數：10人

在HTML 中，是以三對(RGB) 16 進位的數字來表示色彩。

每一對數字代表了RGB 色彩成份中的一種，最前面是紅色(Red)、再來是綠色(Green)、 ... 初學者必修篇第三篇認識網頁背景&文字顏色用法適合程度：初學者一般程度進階者以上均宜壹、HTML標籤(Tag)用於表示背景&文字顏色的屬性(Properties)有兩種： A.

用於主體內背景及所有文字顏色。

B.文字或圖片用於字型(FONT)文字顏色，其值優先於BODY內的TEXT。

&為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便是由16X16色組成，也等於256色；所以三組便是256X256X256，就相當等於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模式。

柒、綜合技巧：選用背景圖案、顏色時，應力求簡單、清晰，以利網友觀看。

使用文字顏色，務必考慮到背景顏色或圖案，以免看不清除或不協調。

背景圖優先於背景色。

其值優先於。

您不必死背這些色碼的數字、顏色英文語彙，應善用編輯工具或CopyToPaste方式。

請學會第玖項：如何隨時呼叫這些好用的色碼表做為您的網頁工具？以提升您的作業效率。

HTML是依據他內訂的語法來解讀，雖然您隨便輸入一個顏色，或許也可以顯示結果，但這並不是我們要的。

捌、色碼轉換速算表： 10進位制他們的範圍從0～9，也就是0123456789；如果採十進位制(DecimalValue)，則會以0～255數值來表示。

十進位制用於Java程式語言比較多，JavaScript語言偶會使用到(略)。

特別提供10進位制與16進位制互相轉換器給大家備用。

玖、如何隨時呼叫這些好用的色碼表做為您的網頁工具？首先將這些色碼表用IEBrowser呼叫出來，然後：建立【我的最愛】：我的最愛加到我的最愛新資料夾填寫【網頁工具】確定再確定。

滑鼠指向IEBrowser按一下Ctrl+N他會開一個新網頁，然後：呼叫【我的最愛】：我的最愛找到【網頁工具】資料夾選取您想打開的網頁檔案。

如果您想完整取得電子報內所有檔案資料，我們提供燒錄光碟片給您Go。

凡加入教學或教材會員者，均可獲得以下乙份完整的資料光碟。

詳細內容：語法教學、第一電子報、第二電子報、第三期電子報、網頁圖窟。

拾、結論與建議：本站所有報導資料，歡迎網友加入鏈結或轉載內容，惟請保留文章完整，並註明此引用來源，謝謝您的支持與配合。

本報每篇報導都花上8小時以上搜集、整理及撰稿，絕對值得初學者或想徹底學會HTML語法網友永久保存。

強烈建議您學會HTML語法，她真的簡單易學，懂了她您就能駕馭她，讓您使用所見即所得軟體更得心應手。

本報導屬於完全免費性質，索取教材資料屬個人自由意願，而回饋給您的光碟片，則是我們的誠意而已。

一篇保證前所未見的HTML教學課程，絕對是您學習HTML的好教材，強烈建議您進入實際體驗一下。

本電子報報導資料，未來將繼續每隔30日發表一次，以嘉惠更多想學會HTML網友，歡迎繼續訂閱。

本報導內容或資料，因限人力、時間，非教學會員，不接受任何疑惑解答，敬請見諒。