|
|
---|
壹、HTML 標籤 (Tag) 用於表示背景 & 文字顏色的屬性 (Properties) 有兩種: A.<BODY BGCOLOR="背景顏色" TEXT="文字顏色" > ![]() B.<FONT COLOR="文字顏色" .....>文字或圖片</FONT> ![]() <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 內定語法中,顏色是由紅、綠、藍 (RRGGBB) 三原色組合而成的,所以我們以 RRGGBB 值來表示。 RRGGBB值如採十六進位制 (0 ∼ 9,A ∼ F) 時,就會分別給予三原色兩個十六進位來定義。
|
陸、色彩概念: RGB 色光(加色)模式 ![]() ![]() ![]() |
柒、綜合技巧: 選用背景圖案、顏色時,應力求簡單、清晰,以利網友觀看。 使用文字顏色,務必考慮到背景顏色或圖案,以免看不清除或不協調。 背景圖 <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 網友,歡迎 繼續訂閱 。 本報導內容或資料,因限人力、時間,非教學會員,不接受任何疑惑解答,敬請見諒。 |