不同的文字效果可使得網頁變得更加絢麗，設置不同的文字效果的屬性位於文字格式標記<font>中。
- 文字字體——face
在HTML語言中，可用face屬性設置文字的不同效果。設置的字體效果必須在瀏覽器安裝了相應的字體后才可以正確瀏覽，否則這些特殊字體會被瀏覽器中的普通字體代替。
語法：<font face="字體1，字體2，..."> 應用該字體的文字 </font>
face屬性的值可以是1個或者多個，默認情況下，使用第一種字體顯示；如果第一種字體不存在，則使用第二種字體代替，以此類推。如果設置的幾種字體在瀏覽器中都不存在，則會以默認字體顯示。
<html> <head> <title> 不同字體顯示效果 </title> </head> <body> <font face="華文彩雲"> 居廟堂之高則憂其民 </font> </br> <font face="隸書"> 處江湖之遠則憂其君 </font> </br> </body> </html>
- 字號——size
字號指的是字體大小，相對默認字體而言。
語法：<font size="文字字號"></font>
<html> <head> <title> 不同字體顯示效果 </title> </head> <body> <font face="楷書" size="+2"> 范仲淹——《岳陽樓記》 </font> </br></br> <font face="華文彩雲" size="5"> 居廟堂之高則憂其民 </font> </br> <font face="隸書" size = "7"> 處江湖之遠則憂其君 </font> </br> </body> </html>
- 文字顏色——color
語法：<font color="顏色代碼"></font>
顏色由一個十六進制符號來定義，這個符號由紅色、綠色和藍色的值組成（RGB）。
每種顏色的最小值是0（十六進制：#00）。最大值是255（十六進制：#FF）。
<html> <head> <title> 不同字體顯示效果 </title> </head> <body> <font face="楷書" size="+2" color="#0066FF"> 范仲淹——《岳陽樓記》 </font> </br></br> <font face="華文彩雲" size="5" color="#FFCC66"> 居廟堂之高則憂其民 </font> </br> <font face="隸書" size = "7" color="#99FF00"> 處江湖之遠則憂其君 </font> </br> </body> </html>
- 粗體、斜體、下划線——strong、em、u
語法：<strong> 粗體的文字 </strong>
<em>斜體</em>
<u>帶下划線的文字</u>
<html> <head> <title> 不同字體顯示效果 </title> </head> <body> <font face="楷書" > <strong>范仲淹</strong>——<u>《岳陽樓記》</u> </font> </br></br> <font face="華文彩雲" size="5" color="#FFCC66"><em> 居廟堂之高則憂其民 </em></font> </br> <font face="隸書" size = "7" color="#99FF00"> 處江湖之遠則憂其君 </font> </br> </body> </html>
- 上標與下標——sup、sub
常用於公式顯示。
語法：<sub>...</sub>
<sup>...</sup>
<html> <head> <title> 不同字體顯示效果 </title> </head> <body> 在方程式中顯示上下標</br> X<sup>3</sup>+9X<sup>2</sup>-3=0</br> 3X<sub>1</sub>+2X<sub>2</sub>=5 </body> </html>
- 刪除線——strike
語法：<strike>文字</strike> 或 <s>文字</s>
<html> <head> <title> 不同字體顯示效果 </title> </head> <body> <s>在方程式中顯示上下標</s></br> X<sup>3</sup>+9X<sup>2</sup>-3=0</br> 3X<sub>1</sub>+2X<sub>2</sub>=5 </body> </html>
- 等寬文字標記——code
常用於英文效果，頁面更為整齊。
語法：<code>文字</code> 或<c>文字</c>
<html> <head> <title> 不同字體顯示效果 </title> </head> <body> 普通英文效果</br> A day without sunshine is like night.</br></br> 等寬英文效果</br> <c>A day without sunshine is like night.</c></br> </body> </html>
- 空格—— 
語法： 
在網頁中可以有多個空格，一個 只代表一個半角空格，多個空格則可以多次使用這一符號。
<html>
<head>
<title> 不同字體顯示效果 </title>
</head>
<body>
<center>
背影(朱自清)</br>
</center>
 我與父親不相見已二年余了，我最不能忘記的是他的背影。那年冬天，祖母死了，父親的差使也交卸了，正是禍不單行的日子，我從北京到徐州，打算跟着父親奔喪回家。到徐州見着父親，看見滿院狼藉的東西，又想起祖母，不禁簌簌地流下眼淚。父親說，“事已如此，不必難過，好在天無絕人之路！”</br>
 回家變賣典質，父親還了虧空；又借錢辦了喪事。這些日子，家中光景很是慘淡，一半為了喪事，一半為了父親賦閑。喪事完畢，父親要到南京謀事，我也要回北京念書，我們便同行。</br>
 到南京時，有朋友約去游逛，勾留了一日；第二日上午便須渡江到浦口，下午上車北去。父親因為事忙，本已說定不送我，叫旅館里一個熟識的茶房陪我同去。他再三囑咐茶房，甚是仔細。但他終於不放心，怕茶房不妥帖；頗躊躇了一會。其實我那年已二十歲，北京已來往過兩三次，是沒有甚么要緊的了。他躊躇了一會，終於決定還是自己送我去。我兩三回勸他不必去；他只說，“不要緊，他們去不好！”</br>
 我們過了江，進了車站。我買票，他忙着照看行李。行李太多了，得向腳夫行些小費，才可過去。他便又忙着和他們講價錢。我那時真是聰明過分，總覺他說話不大漂亮，非自己插嘴不可。但他終於講定了價錢；就送我上車。他給我揀定了靠車門的一張椅子；我將他給我做的紫毛大衣鋪好坐位。他囑我路上小心，夜里警醒些，不要受涼。又囑托茶房好好照應我。我心里暗笑他的迂；他們只認得錢，托他們直是白托！而且我這樣大年紀的人，難道還不能料理自己么？唉，我現在想想，那時真是太聰明了！</br>
 我說道，“爸爸，你走吧。”他望車外看了看，說，“我買幾個橘子去。你就在此地，不要走動。”我看那邊月台的柵欄外有幾個賣東西的等着顧客。走到那邊月台，須穿過鐵道，須跳下去又爬上去。父親是一個胖子，走過去自然要費事些。我本來要去的，他不肯，只好讓他去。我看見他戴着黑布小帽，穿着黑布大馬褂，深青布棉袍，蹣跚地走到鐵道邊，慢慢探身下去，尚不大難。可是他穿過鐵道，要爬上那邊月台，就不容易了。他用兩手攀着上面，兩腳再向上縮；他肥胖的身子向左微傾，顯出努力的樣子。這時我看見他的背影，我的淚很快地流下來了。我趕緊拭干了淚，怕他看見，也怕別人看見。我再向外看時，他已抱了朱紅的橘子望回走了。過鐵道時，他先將橘子散放在地上，自己慢慢爬下，再抱起橘子走。到這邊時，我趕緊去攙他。他和我走到車上，將橘子一股腦兒放在我的皮大衣上。於是撲撲衣上的泥土，心里很輕松似的，過一會說，“我走了；到那邊來信！”我望着他走出去。他走了幾步，回過頭看見我，說，“進去吧，里邊沒人。”等他的背影混入來來往往的人里，再找不着了，我便進來坐下，我的眼淚又來了。</br>
 近幾年來，父親和我都是東奔西走，家中光景是一日不如一日。他少年出外謀生，獨力支持，做了許多大事。那知老境卻如此頹唐！他觸目傷懷，自然情不能自已。情郁於中，自然要發之於外；家庭瑣屑便往往觸他之怒。他待我漸漸不同往日。但最近兩年的不見，他終於忘卻我的不好，只是惦記着我，惦記着我的兒子。我北來后，他寫了一信給我，信中說道，“我身體平安，惟膀子疼痛利害，舉箸提筆，諸多不便，大約大去之期不遠矣。”我讀到此處，在晶瑩的淚光中，又看見那肥胖的，青布棉袍，黑布馬褂的背影。唉！我不知何時再能與他相見！</br>
</body>
</html>
- 特殊符號
| 特殊符號 | 符號代碼 | 說明 |
| " | &quto; | 引號 |
| < | < | 左尖括號 |
| > | > | 右尖括號 |
| * | × | 乘號 |
| $ | § | 小節符號 |
| © | © | 版權符號 |
| ® | ® | 已注冊的符號 |
| ™ | ™ | 商標符號 |