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