第三篇
HTML教學
網頁研習室 第二節
文字與顏色
 
背景及文字顏色
請注意:
#RGB"|"Color Name
這只是教學上使用的代稱,請看下面代稱表示說明
這個屬性及值很重要!
請務必要深入瞭解與熟悉,後面也會經常用到。
請注意: 表示以英文語意指定的顏色名稱。
請注意: 表示以英文語意指定的顏色名稱。
請注意:
由內往外的意思
就是越靠近文字的標籤,所產生的效果或顯示結果權限就越高。
答對了嗎?
當然可以!只是不知道會出現何種顏色?
這就是 HTML 標籤比其他語言好學的地方
它不會因為您寫錯一點點的文字或符號
就讓您產生很大挫折或失去學習的興趣。
請叫出記事本 Notepad
自己測試看看就知道了!
學習 HTML 標籤要配合實做,才會容易記住喔!
<Body BgColor="#RGB"|"Color Name" Text="#RGB"|"Color Name">
標籤語法 產生效果 語   法   說   明
BgColor="#RGB"|"Color Name"
背景顏色
命令主體 <Body> 背景內的網頁底色,全部改變成同一種顏色值,屬性 BgColor="#RGB"|"Color Name",#RGB 表示 16 進位值 Color Name 表示英文顏色名稱
標籤語法 產生效果 語   法   說   明
Text="#RGB"|"Color Name"
主體文字顏色
命令主體 <Body> 內所有文字的顏色,全部改變成同一種顏色值,屬性 BgColor="#RGB"|"Color Name",#RGB 表示 16 進位值 Color Name 表示英文顏色名稱
<Body Text="#RGB"|"Color Name"><Font Color="#RGB"|"Color Name"> 文字顏色比較
標籤語法 語   法   差   別   說   明
<Body Text="#RGB"|"Color Name"> 必需放於 <Body ..> 內。
用於主體內,被指定所有文字都會是同樣的顏色。
因不能包覆其他標籤,所以無法產生巢狀式組合標籤功能。
無法設定字體大小及字型名稱。
<Body><Font Color="#RGB"|"Color Name">
文字顏色
</Font></Body>
必需放於 <Body> ... </Body> 之間。
用於單一字體文字顏色,其顯示順序優先於 Body 內的 Text
可以包覆其他標籤或被其他標籤包覆,產生巢狀式組合標籤。
可以設定字體大小及字型名稱。
注意事項
甚麼是 BgColor?原文為 BackGround Color,意指背景的顏色,加上這樣的解說對學習是不是更很好記呢?
還記的之前教過:瀏覽器解讀標籤,是由左而右、由上往下、由內往外的順序?
您或許會問:標籤由內往外的解讀是甚麼意思
<Body BgColor=" "><Font Color=" ">併用時,要特別注意顏色搭配,否則顯示效果會受影響
所以選用背景顏色時,應盡可能使用淡色或淺色系列的顏色,這樣訪客才能很舒服及清晰的看文字內容。
顏色的屬性值 "Color Name" 或 "#RGB" ,可不可以輸入非英語的顏色字母或非 16 進位的英、數字
例如:<Font Color="ABC"><Body BgColor="#XYZ">