網站首頁 健康小知識 母嬰教育 起名 運動知識 職場理財 情感生活 綠色生活 遊戲數碼 美容 特色美食 愛好

實例教程:HTML中文字的設置

欄目: 學習交流 / 發佈於: / 人氣:2.01W

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

實例教程:HTML中文字的設置

操作方法

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

實例教程:HTML中文字的設置 第2張
實例教程:HTML中文字的設置 第3張

(02)物理字體(1)像物理符號的字體,比如我們編寫如下代碼:<b>加粗文字</b><br /><i>文字傾斜</i><br /><u>下劃線</u><br />(2)預覽效果在瀏覽器中預覽效果,可以看到<b>標籤可以使文字加粗,<i>標籤可以讓文字傾斜、<u>標籤可以在文字下方添加下劃線,如下圖所示:

實例教程:HTML中文字的設置 第4張
實例教程:HTML中文字的設置 第5張

(03)邏輯字體(1)邏輯字體可以按照文本的意思來顯示文字的樣式,比如我們編寫如下所示代碼: <big>大字體</big><small>小字體</small>(2)預覽效果在瀏覽器中預覽效果,可以看到文字會隨着邏輯字體而發生改變,如下圖所示:

實例教程:HTML中文字的設置 第6張
實例教程:HTML中文字的設置 第7張

(04)指定字體大小(1)字體大小還可以自己設置,比如我們使用font中的size屬性來進行設置,代碼如下:<font size=5> 5號字體 </font><font size=6> 6號字體 </font>(2)預覽效果在瀏覽器中預覽效果,可以看到size的值越大,字體就會越大,如下圖所示:

實例教程:HTML中文字的設置 第8張
實例教程:HTML中文字的設置 第9張

(05)字體顏色(1)字體還可以設置顏色,比如我們編寫如下圖所示代碼: <h1 style="color:red">紅色字體</h1>(2)預覽效果在瀏覽器中預覽效果,可以看到字體的顏色變成紅色,如下圖所示:

實例教程:HTML中文字的設置 第10張
實例教程:HTML中文字的設置 第11張

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

實例教程:HTML中文字的設置 第12張
實例教程:HTML中文字的設置 第13張

(07)實符字體(1)在HTML中還有一種字體叫實符字體,比如我們編寫如下圖符號:&amp; &gt; (2)預覽效果然後在瀏覽器中預覽效果,可以看到符號所對於的字符,如下圖所示:

實例教程:HTML中文字的設置 第14張
實例教程:HTML中文字的設置 第15張