HTML font color 網頁文字顏色設計 - Branbibi

HTML font color 的語法. HTML font tag 的color 用法相當簡單，等號右邊用雙引號或單引號包起來的就是要顯示的顏色，font color 接受多種顏色表示 ... HTML網頁設計筆記 HTML網頁設計筆記>HTMLfontcolor網頁文字顏色設計 HTMLfontcolor網頁文字顏色設計 HTMLfontcolor網頁文字顏色設計是非常傳統的設計技巧，嚴格來說color只是HTMLfont標籤中的一項功能，類似size用來控制文字大小、face用來控制文字字型，而color則用來控置文字的顏色，常見的瀏覽器幾乎都支援fontcolor屬性。

使用HTMLfontcolor的優點是可以很輕鬆的修改網頁中任意文字的顏色，來達到美化網頁的效果，缺點是大型網頁的文字管理效率較差，通常會用CSS的color語法取代，這點後面會再提到，先來看看基本的HTMLfontcolor語法以及範例應用。

HTMLfontcolor的語法HTMLfonttag的color用法相當簡單，等號右邊用雙引號或單引號包起來的就是要顯示的顏色，fontcolor接受多種顏色表示法，例如十六進位色碼、RGB色碼或顏色英文名稱，完全看設計師自己的需求即可，我們將語法直接套用到以下範例看結果。

HTMLfontcolor的範例功能：在新視窗開啟程式碼範例的視覺效果褐色系文字褐色系文字褐色系文字綠色系文字綠色系文字綠色系文字黑色系文字黑色系文字黑色系文字範例中每一組color所使用的顏色都是十六進位的色碼，可以從Wibibi的《色碼表》找到更多的顏色，只要更換color等號右邊雙引號內的色碼，文字顏色就會改變。

另外附帶一提，雖然說我們的範例是從上而下，一行寫一個fontcolor例子，可是並不代表顯示結果會變成一行一行的唷！因為範例的程式碼是HTML原始碼，換行符號是br的那個標籤，換句話說，有br標籤才會換行。

關於HTMLfontcolor的CSS替代語法雖然說HTML的fontcolor真的很簡單又很好用，在製作一般的小型網頁時，效率也算是還不錯，因為要修改顏色的文字只要一套用，馬上就修改完成，可是當街觸到較大型的專案，就會發現在管理整體網頁文字顏色的時候，HTML的fontcolor效率並不是很高，因為每個文字都要寫一次，這也是HTML本身較傳統的設計，如果想要改善這樣的問題，改用CSS的color屬性，透過CSS的大量管理優點，才能有效率的管理大型專案的文字顏色，其實用久了會發現，就算只是一般網頁，用CSS的color屬性還是有許多比HTMLfontcolor優的地方，如果你對CSS的color屬性有興趣，可以參考《CSScolor屬性設計網頁文字顏色》的內容。

更多HTML文字設計HTMLfonttag網頁文字標籤HTMLfontsize網頁文字大小設計HTMLfontface網頁文字字型設計 分享於2015-01-21-更新於2017-07-31 最新分享主題 HTMLdiv標籤 HTMLspan標籤 HTMLelement的基本介紹 HTMLTablecellpadding屬性 HTMLTablecellspacing屬性 HTMLTablerowspan屬性 HTMLTablecolspan屬性 HTMLiframe框架設計 修改按鈕大小SetHTMLbuttonsize HTMLbuttondisabled停用按鈕 累積熱門文章 HTMLinputtypetext表單文字欄位 透過colspan合併HTMLTable表格欄位 修改按鈕大小SetHTMLbuttonsize HTMLForm表單設計 HTML表格設計篇TABLE 如何設計網頁跑馬燈 HTMLinputtypehidden表單隱藏欄位應用 HTML的註解寫法規則 HTMLinputtypesubmit送出表單按鈕 透過rowspan合併HTMLTable表格欄位 今日熱門文章 HTMLinputtypepassword表單密碼欄位 HTML回到上一頁按鈕backbutton HTMLbodytag網頁顯示區設計 HTMLselectoption下拉選單設計 HTMLiframe框架設計 HTMLbuttondisabled停用按鈕 修改HTMLTable表格邊框顏色 HTML表格設計篇TABLE HTML表單中post與get兩種method的差別 如何設計網頁跑馬燈 HTML網頁設計是網際網路的基礎標準，透過簡單的HTML語法，輕鬆製作出精美的網頁，想學習HTML網頁設計嗎？歡迎常來看我的HTML網頁設計學習筆記，陸續分享更多技巧。

©CopyrightSince2013　BranbibiBlog