例項教程：HTML中文字的設定

來源：酷知科普網 2.04W

文字在網頁中具有舉足輕重的作用，在網頁中可以設定文字的大小、位置、樣式和顏色等等。下面，我們來看看文字有哪些常用的設定方法吧。

操作方法

（01）標題文字（1）如果文字是作為標題使用的話，則可以使用h標籤，進行文字大小和樣式的設定，h#的值有1,2,3,4,5，6，數值越大，文字反而越小，比如編寫如下程式碼：<h1>大標題</h1> <h6>小標題</h6> （2）預覽效果然後在瀏覽器中預覽效果，可以看到數值越大，文字反而越小，如下圖所示：

（02）物理字型（1）像物理符號的字型，比如我們編寫如下程式碼：<b>加粗文字</b><br /><i>文字傾斜</i><br /><u>下劃線</u><br />（2）預覽效果在瀏覽器中預覽效果，可以看到<b>標籤可以使文字加粗，<i>標籤可以讓文字傾斜、<u>標籤可以在文字下方新增下劃線，如下圖所示：

（03）邏輯字型（1）邏輯字型可以按照文字的意思來顯示文字的樣式，比如我們編寫如下所示程式碼： <big>大字型</big><small>小字型</small>（2）預覽效果在瀏覽器中預覽效果，可以看到文字會隨著邏輯字型而發生改變，如下圖所示：

（04）指定字型大小（1）字型大小還可以自己設定，比如我們使用font中的size屬性來進行設定，程式碼如下：<font size=5> 5號字型 </font><font size=6> 6號字型 </font>（2）預覽效果在瀏覽器中預覽效果，可以看到size的值越大，字型就會越大，如下圖所示：

（05）字型顏色（1）字型還可以設定顏色，比如我們編寫如下圖所示程式碼： <h1 style="color:red">紅色字型</h1>（2）預覽效果在瀏覽器中預覽效果，可以看到字型的顏色變成紅色，如下圖所示：

（06）設定字型組合（1）字型並不是只能單一設定，可以同時對字型設定大小和顏色等，比如我們編寫如下程式碼：<font size=5 color="red"> 5號字型 </font><font size=6> 6號字型 </font>（2）預覽效果在瀏覽器中可以發現字型顏色變成紅色，而且字型大小為五號字型如下圖所示：