我們在HTML文件中寫一篇文字時,總會希望將標題的文字設置的大一些,黑一些,粗一些,那麼怎樣在HTML中設置標題呢?
在HTML中,標題文字共計6種,每個標題逐級依次變小。
語法:
1級標題:<h1>...</h1>2級標題:<h2>...</h2>...6級標題:<h6>...</h6>
案例代碼:
<html> <head> <title>文字的標題</title> </head> <body> <h1>微學派</h1> <h2>微學派</h2> <h3>微學派</h3> <h4>微學派</h4> <h5>微學派</h5> <h6>微學派</h6> </body></html>
運行效果:
文字的標題.png
2. 字體與字號在介紹完標題後,我們還要處理正文的文字,
2.1 設置字體——face
語法:
<font face="宋體">文字</font>
其中,font為設置文字的標籤,face為該標籤的屬性,表示文字的字體,<font></font>之間的文字,就是應用字體的文字。
案例代碼:
<html> <head> <title>文字的字體</title> </head> <body> <font face="宋體">微學派</font> <font face="黑體">微學派</font> <font face="隸書">微學派</font> </body></html>
運行效果:
文字的字體.png
2.2 文字的字號
我們在設置完文字的字體後,還需要給文字設置大小,設置字號的範圍是1~7。
語法:
<font size="文字字號">文字</font>
案例代碼:
<html> <head> <title>文字的字號</title> </head> <body> <font face="宋體" size="1">1號字體</font><br/> <font face="宋體" size="2">2號字體</font><br/> <font face="宋體" size="3">3號字體</font><br/> <font face="宋體" size="4">4號字體</font><br/> <font face="宋體" size="5">5號字體</font><br/> <font face="宋體" size="6">6號字體</font><br/> <font face="宋體" size="7">7號字體</font><br/> </body></html>
說明:<br/>為換行標籤,加入該標籤相當於在文字內容後添加了一個回車。
運行效果:
文字的字號.png
3. 顏色我們在設置好文字的字號後,發現文字總是黑色的,有時,我們為了頁面好看,需要將文字設置成別的顏色,設置文字的顏色的標籤屬性為color。
語法:
<font color="顏色代碼"></font>
說明:顏色代碼的格式使用的是16進位(關於什麼是16進位,請到度娘上搜索),比如:#0088FF。
案例代碼:
<html> <head> <title>文字的顏色</title> </head> <body> <font face="宋體" size="5" color="#0088FF">5號字體</font><br/> <font face="宋體" size="5" color="#FF0088">5號字體</font><br/> <font face="宋體" size="5" color="#88FF00">5號字體</font><br/> </body></html>
運行效果:
文字的顏色.png
以上是關於文字的一些常用格式,下篇文章將為大家介紹文字的粗體與斜體、下劃線與刪除線以及等寬文字標記。