HTML代碼實(shí)際應(yīng)用講解
原代碼如下：
<TABLE align=center background="背景圖片網(wǎng)址" border=10 cellSpacing=2 borderColor=#841A00 width=500><TBODY><TR><TD>
帖子的文章加圖片
</TD></TR></TBODY></TABLE>
注意：前邊用了多少<table......><tr><td>后面就要有多少</td></tr></table>收尾。多收和少收都會(huì)使帖子出錯(cuò)哦?。海?div style="height:15px;">
常用的參數(shù)設(shè)定及注解：
<table width="400" border="10" cellspacing="2" cellpadding="2" align="CENTER" valign="TOP" background="圖片網(wǎng)址" bgcolor="#0000FF" bordercolor="#CF0000" bordercolorlight="#00FF00" bordercolordark="#00FFFF">
width="400"
表格寬度，接受絕對(duì)值（如 500）及相對(duì)值（如 80%）。
border="10"
表格邊框的厚度。
cellspacing="2"
表格格線的厚度
cellPadding=5 表格格線內(nèi)厚度
align="CENTER"
表格的擺放位置（水平），可選值為：左： left, 右： right, 居中： center
valign="TOP".
表格內(nèi)內(nèi)容的對(duì)齊方式（垂直），可選值為： top, middle, bottom。
background="背景圖片網(wǎng)址"
表格的背景圖片，與 bgcolor 不要同用。
bgcolor="#0000FF"
表格的底色，與 background 不要同用
bordercolor="#CF0000"
表格邊框顏色
bordercolorlight="#00FF00"
表格邊框向光部分的顏色
bordercolordark="#00FFFF"
表格邊框背光部分的顏色，使用 bordercolorlight 或 bordercolordark 時(shí) bordercolor 將會(huì)失效。
二.文字應(yīng)用
1.文字基本設(shè)制
基本代碼如下：
<P align=center><FONT color=#CFCF88 face=華文行楷 size=5>插入文字</FONT></P>
<P align=center>表示居中，<P align=left>表示居左，<P align=right>表示居右。
face=字體 常用字體為：宋體.黑體.楷體.仿宋.華文行楷.新宋體.華文新魏等
size=字體大小，這里的最大值為7 取值越大文字就越大
另一種貼法：
<font style=font:40pt face=新宋體 color=#ff0000>插入文字</font>
font:40pt 數(shù)值越大文字就越大。
color=顏色代碼。
2.移動(dòng)文字
效果：
移動(dòng)文字
可根據(jù)下面基本代碼
自行調(diào)節(jié)效果
基本代碼：
<marquee direction=up behavior=scroll width=400 height=90 scrolldelay=80 scrollamount=1><font color=red size=+2 face=華文新魏>插入文字</font></marquee>
說明：
direction=移動(dòng)方向 可選值為向上(up) 向下(down) 向左(left) 向右(right)
behavior=移動(dòng)方式， scroll 一圈一圈繞著走， slide 只走一次， behavior=alternate 來回走
width=寬度 height=高度 scrolldelay=速度 scrollamount=位移
上面的參數(shù)大家可以根據(jù)不同的情況自行調(diào)節(jié)。
3。文字特效
效果1（文字自動(dòng)飄浮）
歡迎你的到來
代碼如下：
<table align=center border=3 bordercolor="#CD5C5C" width=500 height=375><td background=http://my.6to23.com/hm9600/NP/N/lu10.jpg><marquee behavior=alternate scrollamount=3 direction=down height=350><marquee behavior=alternate scrollamount=3 width=500><img src=http://my.6to23.com/hm9600/NP/N/C.gif><font color=red size=6><b>歡迎你的到來</b><img src=http://my.6to23.com/hm9600/NP/N/C.gif></font></marquee></table>
效果2
前 世 歡 迎 光 臨
代碼如下：
<center><table width=500><tr><td><font color=#991144&><marquee behavior=alternate><MARQUEE behavior=alternate><FONT face=宋體 color=red size=4><MARQUEE direction=up behavior=alternate width=60 height=120>前</MARQUEE><FONT color=orange> <MARQUEE direction=up behavior=alternate width=60 height=80>世</MARQUEE><FONT color=#FF8CA9><MARQUEE direction=up behavior=alternate width=60 height=120>歡</MARQUEE><FONT color=green> <MARQUEE direction=up behavior=alternate width=60 height=80>迎</MARQUEE><FONT color=blue><MARQUEE direction=up behavior=alternate width=60 height=120>光</MARQUEE><FONT color=lime> <MARQUEE direction=up behavior=alternate width=60 height=80>臨</MARQUEE></FONT></FONT>
文字特效有很多種，本論壇有單獨(dú)的教程。這里不再介紹?。海?div style="height:15px;">
三.貼圖
1.基本代碼：
<img src=圖片網(wǎng)址 width=圖片寬度 height=圖片長度>
注意：設(shè)定圖片大小，此寬度及高度一般采用 pixels 作單位。通常只設(shè)為圖片的真實(shí)大小，以免失真，若需要改圖片大小最好使用圖像編輯工具（改變大小的寬和高與原圖的寬和高要成正比例，圖片最好是改小不改大，以免失真。）。圖片的居中，居左，居右上面已經(jīng)介紹了，這里不再重復(fù)。。。。。
2.給圖片加邊框
效果：
基本代碼：
<table border=6 cellSpacing=2 cellPadding=1 borderColor=#841A00><td><img src=http://my.6to23.com/hm9600/NP/N/lu10.jpg width=500 height=375></td></table>
說明：
border="6" 表格邊框的厚度，不同瀏覽器有不同的內(nèi)定值。
cellspacing="2" 表格格線的厚度
cellPadding=1 表格格線內(nèi)厚度
borderColor=#841A00 邊框色彩
3.圖片朦朧
A.圓形效果
代碼： <IMG src="圖片" width=500 height=375 style="filter:Alpha(opacity=100,style=2);">
B.方形效果
代碼： <IMG src="圖片" style="FILTER: Alpha(opacity=200,style=3)" width=500 height=375 ALGIN="MIDDLE">
四.透明FLAH的應(yīng)用
1.常用效果
代碼如下：
<center><TABLE cellSpacing=2 cellPadding=2 border=10 bordercolor=#84B98D background=圖片><TBODY><TD><EMBED src=透明網(wǎng)址 width=500 height=375 type=application/x-shockwave-flash quality="high" menu="false" wmode="transparent"></embed></table></center>
注意：長和寬的設(shè)定要根據(jù)圖片的實(shí)際大小來設(shè)定
2.定位透明FLASH效果
注意：這種方法由于是通過坐標(biāo)的方式把透明FLASH固定到了某一點(diǎn)，所以在不同的環(huán)境和不同的論壇要相應(yīng)調(diào)整不同的位置。定位較為麻煩，而且最大的弊病就是屏幕分辨率設(shè)置不一樣，觀看的效果也不一樣（比如你是用分辨率1024×768做的帖子，你感覺固定的位置很好。但別人用分辨率800×600觀看卻偏得很遠(yuǎn)。本人建議一般不要用這種方法。
定位效果圖
一：背景
一個(gè)完整的HTML帖子應(yīng)該是：
美貼＝背景＋文章＋插圖＋收尾
代碼如下：
<TABLE align=center background="http://my.6to23.com/hm9600/NP/N/%C0%B6shui.jpg" border=10 cellPadding=5 cellSpacing=2 borderColor=#841A00 width=500><TBODY><TR><TD><br>
<center><table border=6 cellSpacing=2 cellPadding=1 borderColor=#841A00><td><img src=http://my.6to23.com/hm9600/NP/N/lu10.jpg width=400 height=300></td></table></center><br>
<EMBED style="LEFT: 400px; WIDTH: 400px; POSITION: absolute; TOP: 7890px; HEIGHT: 300px" align=right src=http://my.e-yu.cn/ctv/flash/tm/%D0%C7%B9%E211.swf width=400 height=300 type=application/octet-stream wmode="transparent" quality="high" ;;></EMBED>
</TD></TR></TBODY></TABLE>
說明：TOP: 6910px 指FLASH與帖子上邊之間的距離。
LEFT: 400px 是指FLASH與帖子左邊的距離
WIDTH: 400px HEIGHT: 300px 是指FLASH定位的范圍寬度和高度
后面的width=400 height=300 就是指FLASH的寬和高了。
五.貼歌代碼
1.背景音樂（適合 mid wma等格式）
<bgsound src=音樂網(wǎng)址 Loop=-1>
2.音頻（適合MP3 WMA RM等很多格式）
代碼如下：
<embed src=音樂網(wǎng)址 type=audio/x-pn-realaudio-plugin controls=ControlPanel,StatusBar AutoStart=true Loop=true width=400 height=40>
3.視頻
<embed src=視頻網(wǎng)址 type=audio/x-pn-realaudio-plugin controls=imagewindow,ControlPanel,StatusBar AutoStart=true Loop=true width=400 height=400>
4.FLASH
<embed src=網(wǎng)址 width=400 height=400>
說明：AutoStart=true 表示是否要音樂文件傳送完就自動(dòng)播放，TRUE是要，F(xiàn)ALSE是不要，默認(rèn)為true
Loop=true 表示設(shè)定播放重復(fù)次數(shù)，LOOP=3表示重復(fù)3次，true表示無限次播放，F(xiàn)ALSE播放一次即停止。
width=寬度 height=高度 可以設(shè)定控制播放器面板的大小，如果都設(shè)置為0就可以把播放器隱藏了。
