HTML font 文字 - Wibibi

HTML font 對文字的設定有顏色（color）、大小（size）以及字型（face），標準的HTML 文字標籤是由開始，以及標籤結束，兩個標籤中的文字可以做不同. 首頁 HTML HTML5 PHP MySQL CSS CSS3 JavaScript 軟體介紹 其它 Home › HTML › HTMLfont文字 HTMLfont文字 HTMLfont對文字的設定有顏色（color）、大小（size）以及字型（face），標準的HTML文字標籤是由開始，以及標籤結束，兩個標籤中的文字可以做不同的變化，在HTML4.1以前的版本，標籤是標準的文字設計語法，但到HTML5之後，這些標籤的屬性已經不支援，取而代之的是透過CSS的語法設計文字，無論是字型、文字大小或顏色都可以在CSS中找到新的設計方式，以下先就原本的HTMLfont各項屬性做介紹，並附上CSS的替代方案。

HTMLfont文字基本語法顯示的文字文字屬性是必須的，可以只寫三種屬性的其中一種，例如只要修改顏色就寫color="要呈現的顏色"，也可以同時把三種屬性寫在一起，例如要修改文字的顏色、大小以及顯示字型，僅需用一個標籤就能完成，以下是三種重要屬性表。

HTMLfont文字屬性表屬性屬性值與說明語法CSS替代方案color文字顏色顏色CSScolor文字顏色size文字大小大小CSSfont-size文字大小face文字字型字型CSSfont-family字型以上三個屬性雖然用法簡單，但在HTML5都不支援，建議使用CSS替代方案。

HTMLfont文字範例屬性值與說明語法呈現效果文字顏色紅色藍色綠色紅色藍色綠色文字大小小字一般大字小字一般大字文字字型serif字型標楷體monospace字型serif字型標楷體monospace字型文字顏色的屬性值除了可以寫顏色的英文之外，也可以寫《色碼表》上的十六進位色碼或RGB色碼，文字大小則用數字表示，數字範圍從1~7，數字越大代表文字越大，字型的部分則有許多種常用字體可以使用，各種字型名稱請參閱：CSSfont-family字型。

假設要把三個屬性都寫在一起，可以寫成『範例文字』這樣。

其他HTMLfont特效特效語法呈現效果粗體字粗體字斜體字斜體字文字加底線文字加底線文字上標文字上標<sub>文字下標文字下標強調文字強調文字加強文字加強文字原始碼字串原始碼字串其實HTMLfont的特效還有很多，但隨著瀏覽器與HTML的進步，許多原本常用的特效都已經被CSS所取代，特殊的效果不一定獲得瀏覽器的支援，設計師在使用這些文字特效之前，建議多找幾個瀏覽器測試看是否能夠正常顯示，CSS替代方案請參閱：text-decoration。

延伸閱讀CSScolor文字顏色HTMLfontcolor文字顏色HTMLH1H2H3H4H5H6標題CSStext-shadow替H1標題加陰影 您可能會想看 HTMLdiv標籤 設計HTML圖片與圖片邊框間的距離 DIV區塊內文字與邊框的距離調整 HTMLTABLE表格內的文字行高 DIV區塊內的文字行高設計 替HTMLbutton按鈕增加背景圖片 HTMLimgtitle與imgalt的差別 用CSS設計HTML表格欄位內文字靠下對齊 用CSS設計HTML表格欄位內文字靠上對齊 HTMLTablecolspan屬性 今日熱門文章 MySQLSELECTWHEREdate等於上個月的條件判斷寫法 MySQLSELECTWHEREdate等於本月的條件判斷寫法 MySQLSELECTWHEREdate等於昨天的條件判斷寫法 PHPmysqli_set_charset函式設定字符編碼 PHP:mysqli_connect資料庫連線函式 MySQLSELECT判斷今天之前或某天之前的日期條件判斷寫法 MySQLSELECTWHEREdate等於今天的條件判斷寫法 HTMLdiv標籤 CSSAttributeSelectors屬性選擇器 替CSSspan區域增加陰影效果 即時熱門文章 MySQLSELECTWHEREdate等於上個月的條件判斷寫法 MySQLSELECTWHEREdate等於本月的條件判斷寫法 MySQLSELECTWHEREdate等於昨天的條件判斷寫法 PHPmysqli_set_charset函式設定字符編碼 PHP:mysqli_connect資料庫連線函式 MySQLSELECT判斷今天之前或某天之前的日期條件判斷寫法 MySQLSELECTWHEREdate等於今天的條件判斷寫法 HTMLdiv標籤 CSSAttributeSelectors屬性選擇器 替CSSspan區域增加陰影效果 ©Copyrightwibibi.com網頁設計教學百科基礎的網頁設計規劃、資料庫與程式設計Since2012</sub>