|
Space 簡易教程（十七）—— 文字格式與分隔線
雖然上個(gè)月底，MSN Space 封鎖了頁面自由定位的語句，使得以前圖片和計(jì)數(shù)器置頂?shù)恼Z句失效了，但與此同時(shí) MSN Space 也開放了一些以前不能在日志中使用的 HTML 語句，比如：<Table>表格、<HR>水平線，以及<sup>上標(biāo)和<sub>下標(biāo)。這使得我們有了一些比過去更簡捷實(shí)用的方法來完成以前很復(fù)雜的事情。下面我就選取一些實(shí)例來介紹這些語句的用法。
（一）基本字體格式
在 Live Spaces 日志編輯工具條上，有三個(gè)用于修改日志文字格式的按鈕：B I U，分別代表了“粗體”、“斜體”、“下劃線”不同文字格式。其實(shí)用 HTML 語句，也可以作出同樣的效果，甚至可以做出“
以上實(shí)例全部在 Internet Explorer 6.0 瀏覽器中測試通過，對(duì)于不同的瀏覽器顯示效果可能會(huì)略有差異。
（二）上標(biāo)<SUP>和下標(biāo)<SUB>
以前想在 MSN Space 上表示出上標(biāo)或下標(biāo)，往往是用插入特殊字符來表示上標(biāo)，通過改變字體大小來寫下標(biāo)?，F(xiàn)在有了上標(biāo)和下標(biāo)這兩個(gè)語句，就可以在網(wǎng)頁上寫出真正的上標(biāo)和下標(biāo)了，而且上標(biāo)和下標(biāo)所能使用的字符大大拓寬了。尤其是對(duì)上標(biāo)來說，很多特殊字符中沒有的文字符號(hào)，以前無法實(shí)現(xiàn)的，現(xiàn)在都變?yōu)榭赡?。?qǐng)看實(shí)例：
特殊字符效果： 25² aTiger™ Haire®
上標(biāo)語句效果： 252 aTigerTM Haire®
上標(biāo)語句： <sup>上標(biāo)字符</sup> 改變字體大小效果： H2O A1 謎語答案
下標(biāo)語句效果： H2O A1 謎語答案
下標(biāo)語句： <sub>下標(biāo)字符</sub> 這樣就可以在日志中寫入數(shù)學(xué)公式、化學(xué)方程式等： A1X2 ＋ A2X ＋A3 ＝0
（三） 水平線/分隔線<HR>
以前不少朋友常常通過在日志中插入一長條形圖片來實(shí)現(xiàn)內(nèi)容的分隔，而網(wǎng)上也出現(xiàn)了很多收藏各式各樣分隔線圖片的日志?，F(xiàn)在 Live Spaces 允許使用水平線語句<HR>之后，一切變得簡單了。雖然水平線可能沒有圖片那么動(dòng)感實(shí)足、樣式豐富，但是也能通過語言控制，變得色彩繽紛，起到分隔內(nèi)容、裝點(diǎn)日志的效果。
1、普通分隔線：<hr>
2、分隔線寬度屬性：<hr width=50%> 或者 <hr width=250> （寬度為實(shí)際點(diǎn)數(shù)或百分比）
3、分隔線位置屬性：<hr align=right width=50%> （位置分為 Left、Center、Right 三種）
4、分隔線厚度屬性：<hr style="height:10px"> （奇怪，height=10 似乎不能起到效果）
5、分隔線無陰影屬性：<hr style="height:10px" noshade>
6、分隔線彩色屬性：<hr color=red> 或者 <hr color=#FF0000> （顏色可調(diào)）
7、漸變顏色的分隔線：
<hr style="filter:alpha(opacity=5,finishopacity=100,style=1);height:10px" color=green>
<hr style="filter:alpha(opacity=100,finishopacity=5,style=1);height:10px" color=blue>
8、中心透明的分隔線：
<hr style="filter:alpha(opacity=0,finishopacity=100,style=2);height:12px" color=orange>
<hr style="filter:alpha(opacity=0,finishopacity=100,style=3);height:12px" color=#FF00FF>
9、中心不透明的分隔線：
<hr style="filter:alpha(opacity=100,finishopacity=0,style=2);height:15px" color=yellow>
<hr style="filter:alpha(opacity=100,finishopacity=0,style=3);height:15px" color=#00FFFF>
10、波浪線：
<hr style="filter:wave(strength=9,freq=2,lightstrength=20,phase=9);height:15px" color=pink width=95%>
11、三色線：
<hr style="border-top: #ff0000 solid; color: #00ff00; border-bottom: #0000ff solid; height: 9px">
12、虛線：
<hr style="border-top: 2px dashed; border-bottom: 2px dashed; height: 2px" color=black>
13、豎線： <hr style="height:100px; width:4px" color=orange> <hr style="filter:alpha(opacity=100,finishopacity=5,style=2); height:100px; width:5px" color=navy> <hr style="filter:alpha(opacity=0,finishopacity=100,style=2);height:100px; width:4px" color=red>
就先寫這么多吧，感興趣的朋友還可以自己摸索一下。關(guān)于表格的實(shí)例，將放在下一期教程中進(jìn)行講解。 |
|
|
