為了更能體現(xiàn)自定義模塊代碼，使用ubb標(biāo)簽是做不到的。
這時(shí)我們就會(huì)使用html語(yǔ)法，那么什么是html？
下面就讓我們先來(lái)簡(jiǎn)單的了解一下 html 以及相應(yīng)用語(yǔ)解釋:
html是英文 hyper text markup language 的縮寫(xiě)，中文意思是“超文本標(biāo)志語(yǔ)言”，
用它編寫(xiě)的文件(文檔)的擴(kuò)展名是.html或.htm，它們是可供瀏覽器解釋瀏覽的文件格式。
您可以使用記事本、寫(xiě)字板或 frontpage editor 等編輯工具來(lái)編寫(xiě)html文件。
html語(yǔ)言使用標(biāo)志對(duì)的方法編寫(xiě)文件。
1.<p>.....</p><p>標(biāo)志對(duì)是用來(lái)創(chuàng)建一個(gè)段落，在此標(biāo)志對(duì)之間加入的文本，
將按照段落的格式顯示在瀏覽器上。
另外，<p>標(biāo)志還可以使用align屬性，它用來(lái)說(shuō)明對(duì)齊方式，
語(yǔ)法是：<palign=""></p>。align可以是left(左對(duì)齊)、center(居中)和right(右對(duì)齊)三個(gè)值中的任何一個(gè)
如<p align="center"></p>表示標(biāo)志對(duì)中的文本使用居中的對(duì)齊方式。
align 表示位置
2.<br>是一個(gè)很簡(jiǎn)單的標(biāo)志，它沒(méi)有結(jié)束標(biāo)志，
因?yàn)樗脕?lái)創(chuàng)建一個(gè)回車換行。
3.<table>表格(為了大家能夠更好的理解以下我會(huì)使用非標(biāo)準(zhǔn)語(yǔ)言解釋)
<table>表格(我們可以把他理解為桌面或一個(gè)工作面)<table>開(kāi)始，</table>結(jié)束
4.<tr>說(shuō)明表的一個(gè)行，表有多少行就有多少個(gè)<tr>(簡(jiǎn)單理解為橫向)
5.<td>則填充(簡(jiǎn)單的理解為縱向)
6.<th>說(shuō)明表的列數(shù)和相應(yīng)欄目的名稱，有多少個(gè)欄就有多少個(gè)<th>
7.cellpadding=文本與表框的距離(使用數(shù)字)
8.<font></font>它可以對(duì)輸出文本的字體大小、其語(yǔ)法通常由size(字體大小號(hào)碼)
9.color 顏色常量名
10.<img>標(biāo)志對(duì)的src屬性賦值在圖片中應(yīng)用
11.<hr>標(biāo)志是在html文檔中加入一條水平線，它可以直接使用
12.<body></body>是html文檔的主體部分
13.<bgcolor=...>背景顏色通常使用<bodybgcolor="....">
就是主體背景顏色(通常我們說(shuō)的大背景顏色)
14.<body text="....">設(shè)置主體文本顏色<body link="....">
設(shè)置鏈接顏色。
15.<border="邊框大小">表示邊框
16.<background=>背景通常使用為背景圖片的連接地址
17.<bordercolorlight=#顏色>邊框相臨兩邊的顏色及內(nèi)置相對(duì)兩邊的顏色
(左相臨及對(duì)應(yīng)右相臨)
18.<bordercolordark=#顏色>邊框相臨兩邊的顏色及內(nèi)置相對(duì)兩邊的顏色
19.cellspacing=邊框與內(nèi)置邊框的寬度
20.width=寬度 height=高度
看到這里大家對(duì)thml語(yǔ)法只是有一點(diǎn)點(diǎn)的了解.
它的實(shí)際應(yīng)用是相當(dāng)?shù)膹V泛這就要求我們發(fā)揮自己的聰明才智盡可能去想象.
我想只要明白了他的原理在運(yùn)用中就會(huì)慢慢自如.
注意:大家在使用的時(shí)候一定將語(yǔ)法中的去掉.
一、邊框：
1.兩層
<p align=center><tablecellspacing=10 cellpadding=8 width=460 bgcolor=#000000border=1>
<tbody><tr><td><tablecellspacing=2 cellpadding=2 width=460 bgcolor=#000000border=0>
<tbody><tr><td>加入內(nèi)容</td></tr></tbody></table></td></tr></tbody></table>
2.八層
<table cellspacing=0 cellpadding=4 width="100%"align=center background=背景圖片地址 border=0>
<tbody><tr><td><tablecellspacing=0 cellpadding=15 width="100%" background=背景圖片地址border=0>
<tbody><tr><td><tablecellspacing=0 cellpadding=2 width="100%" background=背景圖片地址border=0>
<tbody><tr><td><tablecellspacing=0 cellpadding=2 width="100%" background=背景圖片地址border=0>
<tbody><tr><td><tablecellspacing=0 cellpadding=2 width="100%" background=背景圖片地址border=0>
<tbody><tr><td><tablecellspacing=0 cellpadding=15 width="100%" background=背景圖片地址border=0>
<tbody><tr><td><divalign=center><table cellspacing=0cellpadding=2 width="100%" background=背景圖片地址border=0>
<tbody><tr><td><divalign=center><table cellspacing=0cellpadding=4 width="100%" background=背景圖片地址border=0>
<tbody><tr><td><tablecellspacing=0 cellpadding=4 width="100%"border=0>
<tbody><tr><td>加入文字音樂(lè)等內(nèi)容</td></tr></tbody></table></div></td></tr></tbody>
</table></div></td></tr></tbody></table></td></tr>
</tbody></table></td></tr></tbody></table></td></tr>
</tbody></table></td></tr></tbody></table></td></tr>
</tbody></table>
3.三層
<center><tablecellspacing=10 cellpadding=2 width=100% bgcolor=#000000border=1>
<tr><td><tablecellspacing=8 cellpadding=10 width=100% bgcolor=#000000border=1>
<tr><td><center><tablecellspacing=8 cellpadding=10 width=100% background=背景圖片地址border=0>
<tr><td>加入文字音樂(lè)等內(nèi)容
</td></tr></table></center></td></tr></table></td></tr>
</table>
4.一層
<table cellspacing=1 cellpadding=0 width="100%"align=center background=背景圖片地址 border=5>
<tbody><tr><td>加入文字音樂(lè)等內(nèi)容</td></tr></tbody></table>
5.兩層
<center><tablebordercolor=#0000ff cellspacing=0 bordercolordark=#ffffffcellpadding=0 width=100% border=1>
<tbody><tr><td><tablecellspacing=5 cellpadding=5 width=100% align=centerbackground=背景圖片地址 border=0>
<tbody><tr><td>加入文字音樂(lè)等內(nèi)容
</td></tr></tbody></table></td></tr></tbody></table></center>
**********************************************************************************************
一、字體：
<font style="font-size: 30pt; filter:shadow(color=green); width: 100%; color: white;
line-height: 150%; font-family:華文彩云"><b>新浪博客</b></font>
<center><fontstyle="font-size: 40pt; filter: shadow(color=#da70d6); width: 100%;color: white; line-height: 150%; font-family:方正舒體"><b>新浪博客</b></font><br><br></center>
二、加入圖片代碼：
1、單純的一張圖片
<p align=center><imgsrc=圖片地址></p>
2、加框有一層flash的圖片
<table height=300 cellspacing=0 cellpadding=0width=400 background=背景圖片地址 border=1bortercolor="#000000">
<tbody><tr><td><palign=center><embed src=flash地址width=寬度 height=高度
type=application/x-shockwave-flash wmode="transparent" menu="false"quality="high"tybe="application/x-shockwave-flash">
</p></td></tr></tbody></table>
3、加框用兩層flash的圖片
<p align=center><tableheight=高度 cellspacing=0 cellpadding=0 width=寬度
background=背景圖片地址 border=1bortercolor="#000000">
<tbody><tr><td><palign=center><embed align=rightsrc=flash地址 width=400 height=280
type=application/x-shockwave-flash wmode="transparent" menu="false"quality="high" tybe="application/x-shockwave-flash"><br><br><embedalign=right src=[swf] width=380 height=285type=application/x-shockwave-flash
wmode="transparent" menu="false" quality="high"tybe="application/x-shockwave-flash">
<br></p></td></tr></tbody></table>
三、兩個(gè)flash上下排列的圖片：
<table cellspacing=0 cellpadding=0 width=400height=300 background=背景圖片地址
border=1bortercolor="#000000"><tbody><tr><td><palign=center><embed src=flash地址
width=400 height=150 type=application/x-shockwave-flashtybe="application/x-shockwave-flash" quality="high" menu="false"wmode="transparent">
<br><br><embedsrc=[swf] width=400 height=150type=application/x-shockwave-flash
tybe="application/x-shockwave-flash" quality="high" menu="false"wmode="transparent"></p></td></tr></tbody></table>
四、下上移動(dòng)的圖片們：
<center><marqueescrollamount=3 scrolldelay=150 direction=up width=450 height=500bordercolor="#000000" border="1">
<p align=center><imgsrc="圖片地址"></p>
<p align=center><imgsrc="圖片地址"></p>
<p align=center><imgsrc="圖片地址"></p>
</marquee></center>
五、左右移動(dòng)的圖片們：（要有個(gè)背景喲）
<center><marqueescrollamount=1 direction=right behavior=alternatewidth="100%">
<center><tablecellspacing=0 width=400 background=圖片地址 border=0cellpading="0">
<tbody><tr><td><palign=center><imgsrc="圖片地址">
</p><palign=center><imgsrc="圖片地址"></p>
<p align=center><imgsrc="圖片地址"></p>
<p align=center><imgsrc="圖片地址"></p>
<p align=center><imgsrc="圖片地址"></p>
<p align=center><imgsrc="圖片地址"></p>
<p align=center><imgsrc="圖片地址"></p>
<p align=center><imgsrc="圖片地址"></p>
<p align=center><imgsrc="圖片地址"></p>
<p align=center><imgsrc="圖片地址">
</p></td></tr></tbody></table></center></marquee></center>
六：圖片霧化效果：
<center><tablecellspacing=0 cellpadding=0 width=400 background=圖片地址border=0>
<tbody><tr><tdstyle="filter: alpha(opacity=100,style=2)"
width=400 background=圖片地址 height=300>
<embedpluginspage=http://www.macromedia.com/go/getflashplayersrc=flash地址
width=400 height=300 type=application/x-shockwave-flashquality="high" wmode="transparent">
</embed></td></tr></tbody></table></center>
七：圖片倒影效果：
<p align=center><fontstyle="font-size: 27pt; width: 220px; color: #00ff00; height:10px">
<img src="圖片地址"><fontid=ew style="font-size: 27pt; filter:wave(strength=3,freq=3,phase=0,lightstrength=30)
blur() flipv(); width: 220px; color: #3333ff; height:10px">
<imgsrc="圖片地址"></p></font></font>
八：圖片向左右相反的方向移動(dòng)的效果：
<marquee width=200height=50><imgsrc="圖片地址"><imgsrc="圖片地址"><imgsrc="圖片地址"></marquee>
<marquee direction=right width=200height=50><imgsrc="圖片地址">
<img src="圖片地址"><imgsrc="圖片地址"></marquee>
五、加入背景音樂(lè)代碼：
1.<embed src=[wma] hidden=true type=audio/x-ms-wmaloop="true" >
</embed>
所用元素：<embed></embed>
參數(shù)：
src：音樂(lè)文件的url；
hidden：=true為不可見(jiàn)，=false反之；
type：指定音頻類型；
loop：是否循環(huán)播放，注意其值置于小角雙引號(hào)中；
autostart：是否自動(dòng)播放，其值同上。
2.貼mp3的語(yǔ)法:
<embed src="mp3絕對(duì)地址"type="audio/x-pn-realaudio-plugin"controls="controlpanel,statusbar" height=40 width=320 loop="true">
3.貼flash音樂(lè)的正確格式是:
<embed src="flash絕對(duì)地址"quality=high width=465"height=350">
4．貼wma、asx文件：
<embedsrc="http://www.zhulintingyu.com/non-cgi/usr/32/32_3494_3.asx"width=380 height=45type="audio/x-pn-realaudio-<br>plugin"loop="true"controls="controlpanel,statusbar">
5．貼rm文件：
<embed src="絕對(duì)地址" width=465 height=350console="huayue" loop="true" controls="imagewindow">
6 寬度與高度 width="寬度" height="高度"
**********************************************************************************************
博客常用代碼
一，基本代碼
1)貼圖：<img src="圖片地址">
2)加入連接：<ahref="所要連接的相關(guān)地址">寫(xiě)上你想寫(xiě)的字</a>
3)在新窗口打開(kāi)連接：<a href="相關(guān)地址"target="_blank">寫(xiě)上要寫(xiě)的字</a>
4)移動(dòng)字體(走馬燈)：<marquee>寫(xiě)上你想寫(xiě)的字</marquee>
5)字體加粗：<b>寫(xiě)上你想寫(xiě)的字</b>
6)字體斜體：<i>寫(xiě)上你想寫(xiě)的字</i>
7)字體下劃線:<u>寫(xiě)上你想寫(xiě)的字</u>
8)字體刪除線:<s>寫(xiě)上你想寫(xiě)的字</s>
9)字體加大:<big>寫(xiě)上你想寫(xiě)的字</big>
10)字體控制大小：<h1>寫(xiě)上你想寫(xiě)的字</h1>(其中字體大小可從h1-h5,h1最大，h5最小)
11)更改字體顏色：<fontcolor="#value">寫(xiě)上你想寫(xiě)的字</font>(其中value值在000000與ffffff(16位進(jìn)
12)消除連接的下劃線：<a href="相關(guān)地址"style="text-decoration:none">寫(xiě)上你想寫(xiě)的字</a>
13)貼音樂(lè)：<embed src="音樂(lè)地址" width="寬度" height="高度"autostart=false>
14)貼flash: <embed src="flash地址" width="寬度"height="高度">
15)貼影視文件：<img dynsrc="文件地址" width="寬度" height="高度"start=mouseover>
16)換行：<br>
17)段落：<p>段落</p>
18)原始文字樣式：<pre>正文</pre>
19)換帖子背景：<bodybackground="背景圖片地址">
20)固定帖子背景不隨滾動(dòng)條滾動(dòng)：<body background="背景圖片地址"body
bgproperties=fixed>
21)定制帖子背景顏色：<bodybgcolor="#value">(value值見(jiàn)10)
22)帖子背景音樂(lè)：<bgsound="背景音樂(lè)地址"loop=infinite>
23)圖片新窗口鏈接:<a href="所鏈接的地址"target=_blank><img src="圖片地址"width="130" height="30"border=0/></a>
24)使鏈接對(duì)象居中:<palign=center>"鏈接對(duì)象"</p>
25)貼圖并設(shè)置尺寸：<img width="寬尺寸" height="高尺寸"src="圖片地址">
二，制作滾動(dòng)字幕
1.上下滾動(dòng)：
上面滾動(dòng)代碼
<P><MARQUEEstyle="FONT-SIZE: 20px; WIDTH: 232px; COLOR: rgb(34,34,221);LINE-HEIGHT: 20px; HEIGHT: 200px" scrollAmount=1 scrollDelay=1direction=upheight=125>問(wèn)世間情為何物<BR>直教人生死相許<BR>天南地北雙飛客<BR>老翅幾回寒暑<BR>歡樂(lè)趣<BR>離別苦<BR>就中更有癡兒女<BR>君應(yīng)有語(yǔ)<BR>渺萬(wàn)里層云<BR>千山暮雪<BR>只影向誰(shuí)去<BR>橫汾路<BR>寂寞當(dāng)年簫鼓<BR>荒煙依舊平楚...<BR><BR></MARQUEE></P>
代碼：
<MARQUEE style="FONT-SIZE: 12px; WIDTH: 132px;COLOR: rgb(34,34,221); LINE-HEIGHT: 17px; HEIGHT: 125px"scrollAmount=1 scrollDelay=1 direction=upheight=125>這里是文字<BR></MARQUEE>
2.左右滾動(dòng)：
上面滾動(dòng)代碼
<MARQUEE style="WIDTH:592px; HEIGHT: 24px" scrollAmount=1 scrollDelay=10 width=592border="0"><FONT color=#000066size=3><FONTcolor=#ff0066>放入代碼后，點(diǎn)擊這里就會(huì)出現(xiàn)文字編輯框.然后編輯你自己的文字就可以了</FONT></FONT></MARQUEE>
代碼：
<marquee direction="left" scrollamount="1"scrolldelay="10" border="0" width=500 >
說(shuō)明：貼在勾選“顯示源代碼”內(nèi)，放入代碼后，退出勾選，再點(diǎn)擊那位置就會(huì)出現(xiàn)文字編輯框，然后編輯你自己的文字就可以了。
聯(lián)系客服
