實例教程：HTML中文字的設置
工具/材料
HTML
操作方法
-
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）預覽效果
在瀏覽器中可以發現字體顏色變成紅色，而且字體大小為五號字體如下圖所示： -
07
實符字體
(1)在HTML中還有一種字體叫實符字體，比如我們編寫如下圖符號：
&
>
（2）預覽效果
然后在瀏覽器中預覽效果，可以看到符號所對于的字符，如下圖所示: - End
- 發表于 2017-09-29 00:00
- 閱讀 ( 775 )
- 分類：科學教育
0 篇文章
作家榜 ?
-
xiaonan123
189 文章
-
湯依妹兒
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
華志健
23 文章