字型效果語法

2010081403:20

 

效果

語法/範例

字型大小

<font size=輸入數值>想打的字</font>

<font size=4>字型大小</font>

字型顏色

<font color=輸入色碼>想打的字</font>

<font color=#d22db4>字型顏色</font>

粗體字

<strong>想打的字</strong>

<strong>粗體字</strong>

斜體字

<em>想打的字</em>

<em>斜體字</em>

加底線

<u>想打的字</u>

<u>加底線</u>

刪除線

<strike>想打的字</strike>

<strike>刪除線</strike>

上標

<sup>想打上標的字</sup>

上標<sup>字</sup>

下標

<sub>想打下標的字</sub>

下標<sub>字</sub>

靠左

<p align=left>想打的字</p>

<p align=left>靠左</p>

置中

<p align=center>想打的字</p>
另有一語法
<center>想打的字</center>
<p align=center>置中</p>
<center>置中</center>

靠右

<p align=right>想打的字</p>

<p align=right>靠右</p>

中國龍淡古體

<font face=輸入字型>想打的字</font>

<font face=中國龍淡古體>中國龍淡古體</font>

橫躺字體

<font face=@輸入字型>想打的字</font>

<font face=@標楷體>橫躺字體</font>

文字+底色

<font style="BACKGROUND-COLOR: 輸入背景色碼">想打的字</font>

<font style="BACKGROUND-COLOR: #ffff00">文字+底色</font>

文字加外框語法

<font style="BORDER-BOTTOM:輸入色碼 數值px solid; BORDER-LEFT:輸入色碼 數值px solid; COLOR: 輸入色碼; FONT-SIZE: 數值pt; BORDER-TOP: 輸入色碼 數值px solid; BORDER-RIGHT:輸入色碼 數值px solid">想打的字</font>

<font style="BORDER-BOTTOM: #780000 2px solid; BORDER-LEFT: #87e100 2px solid; COLOR: #f00f00; FONT-SIZE: 15pt; BORDER-TOP: #001e78 2px solid; BORDER-RIGHT: #f0e100 2px solid">文字加外框語法</font>

註:
BORDER-BOTTOM:下框線的顏色----BORDER-LEFT:左框線的顏色
BORDER-TOP:上框線的顏色----------BORDER-RIGHT:右框線的顏色
框線粗細數值px------COLOR:字體顏色-----FONT-SIZE:字體大小

文字加外框語法

<font style="BORDER-BOTTOM-STYLE:輸入指令碼; BORDER-RIGHT-STYLE:輸入指令碼; BORDER-TOP-STYLE:輸入指令碼; COLOR:輸入色碼; FONT-SIZE: 數值pt; BORDER-LEFT-STYLE:輸入指令碼">想打的字</font>

<font style="BORDER-BOTTOM-STYLE: ridge; BORDER-RIGHT-STYLE: ridge; BORDER-TOP-STYLE: ridge; COLOR:#6633cc; FONT-SIZE: 15pt; BORDER-LEFT-STYLE: ridge">文字加外框語法</font>

同上註解續--指令碼註解:
none表示無邊框---dashed表示虛線---dotted表示點線---solid表示實線
---double表示雙線---ridge表示立體凸線---groove表示立體凹線
---outset表示立體隆起線---inset表示立體嵌入線  

文字顏色、大小、字型、粗體、斜體、加底線語法

<font color=輸入色碼 size=輸入字體大小 face=輸入字型><strong><em><u>想打的字</em></u></strong></font>

<font color=#ff6600 size=3 face=標楷體><strong><em><u>文字顏色、大小、字型、粗體、斜體、加底線語法</em></u></strong></font>

文字顏色、大小、字型、粗體、斜體、加底線及置中語法

<p align=center><font color=輸入色碼 size=輸入字體大小 face=輸入字型><strong><em><u>想打的字</em></u></strong></font></p>

<p align=center><font color=#009933 size=3 face=標楷體><strong><em><u>文字顏色、大小、字型、粗體、斜體、加底線及置中語法</em></u></strong></font></p>

文字設定+背景圖語法

<p align=center><font style="BACKGROUND: url(背景圖網址)"color=輸入色碼 size=輸入字體大小face=輸入字型>想打的字</font></p>

<p align=center><font style="BACKGROUND: url
(http://i520.photobucket.com/albums/
w326/roxannekuo/A008/a002/thc8259721.gif)"
color=#3300cc size=3 face=標楷體>文字設定+背景圖語法</font></p>

文字設定+背景圖+超連結語法

<a href="連結網址"><font style="BACKGROUND: url(背景圖網址)"color=輸入色碼size=輸入字體大小face=輸入字型>想打的字</font></a>

<a href="http://tw.myblog.yahoo.com/roxanne-kuo"><font style="BACKGROUND: url
(http://i520.photobucket.com/albums/
w326/roxannekuo/A008/a002/thc8259721.gif)"
color=#ff0099 size=3 face=標楷體>文字設定+背景圖+超連結語法</font></a>