文字，是用來串聯所有網頁的重要內容，適時應用文字上語法的搭配，不僅讓製作者發揮創意，也可以讓瀏覽者感覺新鮮，再者文字編排也是相當的重要，牽扯到頁面的配置，也關係到網友瀏覽的閱讀習慣，適當的牽引文字、導引文字、文字連結、生活札記、心情點滴、消息公告...等文字，都是你吸引瀏覽者興趣的啟蒙工具，千萬別忽視的文字的重要喔!!

　　文字的效果種類千變萬化，全都是由語法<font>來改變文字的風貌、大小、顏色，快來見識一下<font>奇妙變化吧!!
項　　目 設定種類 參　　數 語　　　　　　　法 效果範例
文字顏色
color 		自訂色碼 <font color=449911>染</font><font color=991144>布</font><font color=114499>坊</font> 染布坊
文字大小
size		 自訂大小 <font size=4>染布坊</font> 染布坊
文字自型
face 		自訂字型 <font face=標楷體>染布坊</font> 染布坊
提示說明
title 		自訂文字 <font title=歡迎光臨染布坊>染布坊</font> 染布坊
標題文字
h		 h1 <h1>染布坊</h1>

染
h2 <h2>染布坊</h2>

布
h3 <h3>染布坊</h3>

坊
h4 <h4>染布坊</h4>

染布坊
h5 <h5>染布坊</h5>
染布坊
h6 <h6>染布坊</h6>
染布坊
加粗文字
b 		  <b>染布坊</b> 染布坊
斜體文字
i 		  <i>染布坊</i> 染布坊
文字加底線
u		   <u>染布坊</u> 染布坊
文字刪除線
s		   <s>染布坊</s> 染布坊
條列式
<ul> , <ol>		 <ul> <ul><li>染</li><li>布</li><li>坊</li></ul>
  • 染
  • 布
  • 坊
<ol> <ol><li>染</li><li>布</li><li>坊</li></ol>
  1. 染
  2. 布
  3. 坊
文字特效
style 		font-family 自訂字型 <font style=font-family:標楷體>染布坊</font> 染布坊
font-style normal <font style=font-style:normal>染布坊</font> 染布坊
italic <font style=font-style:italic>染布坊</font> 染布坊
oblique <font style=font-style:oblique>染布坊</font> 染布坊
font-variant normal <font style=font-variant:normal>dye.mychat</font> dye.mychat
small-caps <font style=font-variant:small-caps>dye.mychat</font> dye.mychat
font-weight normal <font style=font-weight=normal>染布坊</font> 染布坊
bold <font style=font-weight=bold>染布坊</font> 染布坊
bolder <font style=font-weight=bolder>染布坊</font> 染布坊
lighter <font style=font-weight=lighter>染布坊</font> 染布坊
font-size in <font style=font-size:0.2in>染</font> 染
cm <font style=font-size:0.2cm>布</font> 布
mm <font style=font-size:10mm>坊</font> 坊
pc <font style=font-size:3pc>染</font> 染
em <font style=font-size:3em>布</font> 布
ex <font style=font-size:3ex>坊</font> 坊
% <font style=font-size:3%>染</font> 染
xx-small <font style=font-size:xx-small>布</font> 布
x-small <font style=font-size:x-small>坊</font> 坊
small <font style=font-size:small>染</font> 染
medium <font style=font-size:medium>布</font> 布
xx-large <font style=font-size:xx-large>坊</font> 坊
x-large <font style=font-size:x-large>染</font> 染
large <font style=font-size:large>布</font> 布
smaller <font style=font-size:smaller>染布坊</font> 染布坊
larger <font style=font-size:larger>坊</font> 坊
line-height in <font style=line-height:0.25in>坊<br>布</font> 染
布
cm <font style=line-height:0.4cm>坊<br>布</font> 染
布
mm <font style=line-height:5mm>坊<br>布</font> 染
布
pc <font style=line-height:1.3pc>坊<br>布</font> 染
布
em <font style=line-height:1.9em>坊<br>布</font> 染
布
ex <font style=line-height:3.65ex>坊<br>布</font> 染
布
% <font style=line-height:170%>坊<br>布</font> 染
布
自訂數值 <font style=line-height:1.9>坊布坊</font> 染
布
text-indent in <font style=text-indent:0.2in>坊布坊</font> 染布坊
cm <font style=text-indent:1cm>坊布坊</font> 染布坊
mm <font style=text-indent:0.7mm>坊布坊</font> 染布坊
pc <font style=text-indent:4pc>坊布坊</font> 染布坊
em <font style=text-indent:3em>坊布坊</font> 染布坊
ex <font style=text-indent:8ex>坊布坊</font> 染布坊
% <font style=text-indent:20%>染布坊</font> 染布坊
自訂數值 <font style=text-indent:25>坊布坊</font> 染布坊
letter-spacing in <font style=letter-spacing:0.2in>坊布坊</font> 染布坊
cm <font style=letter-spacing:1cm>坊布坊</font> 染布坊
mm <font style=letter-spacing:0.7mm>坊布坊</font> 染布坊
pc <font style=letter-spacing:0.9pc>坊布坊</font> 染布坊
em <font style=letter-spacing:0.6em>坊布坊</font> 染布坊
ex <font style=letter-spacing:0.8ex>坊布坊</font> 染布坊
% <font style=letter-spacing:20%>染布坊</font> 染布坊
自訂數值 <font style=letter-spacing:25>坊布坊</font> 染布坊
text-decoration none <font style=text-decoration:none>坊布坊</font> 染布坊
underline <font style=text-decoration:underline>坊布坊</font> 染布坊
overline <font style=text-decoration:overline>坊布坊</font> 染布坊
line-through <font style=text-decoration:line-through>坊布坊</font> 染布坊
blink <font style=text-decoration:blink>坊布坊</font> 染布坊
text-transform none <font style=text-transform:none>mychat</font> mychat
capitalize <font style=text-transform:capitalize>mychat</font> mychat
uppercase <font style=text-transform:uppercase>mychat</font> mychat
lowercase <font style=text-transform:lowercase>mychat</font> mychat
backgroud-color 自訂色碼 <font style=background-color:#99CCFF> 染布坊 </font> 染布坊
background-image 自訂圖片 <font style=background-image:url(http://www.tacocity.com.tw/gtc/nature/star/star_0023.gif)>染布坊</font> 染布坊

以上所列舉的語法應用皆可以複合性的搭配使用：

測試範例：

　　語法：
　　<p style= background-color:EEEEFF align=center>
　　 <font style=background-image:url(http://www.tacocity.com.tw/gtc/nature/star/star_0023.gif)>
開站至今已經有一年的光景了...<br>
也希望網友能繼續支持這個好地方...<br>
也祝大家在新的一年中...事事順利....世界和平</font></p>

　　實例：


開站至今已經有一年的光景了...
也希望網友能繼續支持這個好地方...
也祝大家在新的一年中...事事順利....世界和平