|
ＨＴＭＬ代碼編輯參考資料
編寫：芳芷香蕙
要學(xué)習(xí)代碼貼圖，你參預(yù)的論壇必須是允許使用［ＨＴＭＬ］代碼的。有的論壇雖然不允許使用代碼，但在諸如音畫時尚，貼圖專欄或新手學(xué)堂等欄目開通。有的論壇注明允許使用代碼，但必須有條件去申請才批淮啟用。還需注意粘貼代碼前應(yīng)先選擇［ＨＴＭＬ］，同時把旁邊的自動修正的鉤去掉?，F(xiàn)在已有不少論壇，可以直接發(fā)代碼貼了。 為了更好的學(xué)習(xí)編輯代碼，應(yīng)在自已電腦的硬盤中建一個學(xué)代碼的文件夾，內(nèi)放若干記事本，作編輯和保存代碼用。初學(xué)者要在鍵盤上直接輸入代碼語句有些困難，可以把下面這些常用代碼復(fù)制在記事本上，方便需要時取用。 常用漢字代碼： 宋體 黑體 楷體_GB2312 仿宋_GB2312 新宋體 幼圓 隸書 方正舒體 華文新魏 華文行楷 華文細(xì)黑 華文彩云 方正姚體 顏色的代碼： 黑色＝000000 白色＝ffffff 紅色＝ff0000 綠色＝00ff00 藍(lán)色＝0000ff 黃色＝fff000 青色＝00ffff 紫色＝ff00ff 居中代碼： lt;CENTER> 內(nèi)容</CENTER> lt;P align=LEFT>左對齊</P> lt;P align=center>居中</P> <P align=RIGHT>右對齊</P> 文字設(shè)置代碼： <CENTER> <font style=font:20pt face=隸書 color=fff000> 輸入內(nèi)容</font></CENTER> 貼圖代碼： <img src="圖片地址"> <P align=center><img src="圖片地址"></P> <P align=center><img src="圖片地址"width=寬度 height=高度></P> 用顏色作背景的空白圖框代碼： <CENTER> <TABLE borderColor=#0000ff cellSpacing=10 cellpadding=20 bgcolor=fff000 width=400 height=300 border=10> <TBODY> <TR> <TD> <br> <br> </CENTER></TD></TR></TBODY></TABLE>
用圖片作背景的空白圖框代碼： <CENTER> <TABLE borderColor=#0000ff cellSpacing=10 cellpadding=20 cellpadding=20 background=圖片地址 width=400 height=300 border=10> <TBODY> <TR> <TD> <br> <br> </CENTER></TD></TR></TBODY></TABLE>
立體圖框代碼： <CENTER> <TABLE style="BORDER-LEFT-COLOR: #fbd44c; BORDER-BOTTOM-COLOR: #fbd44c; BORDER-TOP-STYLE: ridge; BORDER-TOP-COLOR: #fbd44c; BORDER-RIGHT-STYLE: ridge; BORDER-LEFT-STYLE: ridge; BORDER-RIGHT-COLOR: #fbd44c; BORDER-BOTTOM-STYLE: ridge" height=380 cellSpacing=5 cellPadding=5 width=470 border=14> <TBODY> <TR> <TD> <br><br> </TR></TBODY></TABLE> 圖片可調(diào)大小的一組代碼. <P align=center><INPUT src="圖片地址"type=image width=寬度></P> 羽化圖片代碼： <INPUT style="FILTER: alpha(opacity=100,style=2)" type=image height=500 width=450 src="圖片地址"> 貼Flash 圖片代碼： <EMBED src=http://yy./swfpath/200462722381564615.swf width=128 height=0 hidden=true type=application/x-shockwave-flash> 在一張圖片上加疊Flash 代碼： <TABLE cellSpacing=3 cellPadding=3 width=460 bordercolor=660000 background=http://img./UploadFile/2005/6/7/5141107.jpg border=18> <TBODY> <TR> <TD><EMBED align=right src=http://imgfree.21cn.com/free/flash/59.swf width=460 height=370 type=application/octet-stream wmode="transparent" quality="high" ;;></TD></TR></TBODY></TABLE>
全屏代碼： <br><br><br><br> <DIV id=table1 style="LEFT: -220px; WIDTH: 800px; POSITION: relative; TOP: 40px"> 貼子 </DIV><br><br><br><br>
播放器代碼： <CENTER> <embed src="http://bbs./bbs/upfile/music/601.mp3" type="audio/x-pn-realaudio-plugin" controls="controlpanel,statusbar" height=50 width=400 autostart="true" loop="true"> </CENTER> （高度height=和寬度width=設(shè)為0時，隱藏播放器。） 移動設(shè)置代碼： 我從右向左走代碼： <br> <marquee direction=left scrollAmount=3 ><font style=font:25pt face=隸書 color=0000ff>我從右向左走！</marquee> 我從左向右移代碼： <marquee direction=right scrollAmount=3 ><font style=font:25pt face=隸書 color=0000ff>我從左向右移！</marquee> 我來回走耶代碼： <br> <marquee behavior=alternate scrollAmount=3 ><font style=font:25pt face=隸書 color=0000ff>我來回走耶！</marquee> 我從下向上滾代碼： <br> <marquee direction=up scrollAmount=3 ><font style=font:25pt face=隸書 color=0000ff>我從下向上滾！</marquee> 我從上向下滾代碼： <br> <marquee direction=down scrollAmount=3 ><font style=font:25pt face=隸書 color=0000ff>我從上向下滾！</marquee>
用顏色做成的一層圖框代碼； <TABLE borderColor=#ffd700 cellSpacing=10 cellPadding=8 width=470 align=center bgColor=#0000ff border=12> <TBODY> <TR> <TD > <BR><BR><BR><BR><BR><BR> </TD></TR></TBODY></TABLE>
顯示結(jié)果：
用顏色做成的二層圖框代碼； <TABLE borderColor=#ffd700 cellSpacing=5 cellPadding=8 width=470 align=center bgColor=#f70968 border=12> <TBODY> <TR> <TD > <TABLE borderColor=#ffd700 cellSpacing=5 cellPadding=8 width=465 align=center bgColor=#bb4444 border=1> <TBODY> <TR> <TD> <BR><BR><BR> </TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
顯示結(jié)果：
給圖片加用顏色做成的邊框代碼； <table border=16 cellSpacing=8 cellPadding=5 borderColor=#841A00 bgcolor=#FFFF6F> <td> <TABLE border=1> <TR> <TD width=450 background=http://image59.360doc.com/DownloadImg/2013/03/1522/30961971_15.jpg height=300 border=3> </TD></TR></TABLE> </td></table>
顯示結(jié)果：
用顏色做成的二層圖框代碼； <TABLE borderColor=#ffff00 cellSpacing=10 cellPadding=8 width=470 background=http://image59.360doc.com/DownloadImg/2013/03/1522/30961971_16.jpg border=8> <TBODY> <TR> <TD> <TABLE borderColor=#ffff00 cellSpacing=6 cellPadding=4 width="100%" background=http://image59.360doc.com/DownloadImg/2013/03/1522/30961971_17.jpg border=1> <TBODY> <TR> <TD> <P align=center><INPUT type=image width=420 src="http://photo.southcn.com/upload/F202922004.11.4.22.24.422.jpg" ></P> </TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE> 顯示結(jié)果：
用顏色做成的立體圖框代碼； <table id="myexample" style="border:19px #ccffcc ridge" align="center" border="0" cellpadding="0" cellspacing="0" width="460" background="http://bbs./attachments/ext_jpg/029_mS674YcNXDnk.jpg"> <tr><td> <br><br><br><br><br><br> </td></tr></table> 用金黃色圖片作邊框的代碼： 用圖片作邊框的六層圖框套裝代碼 <TABLE cellSpacing=10 align=center bgColor=green WIDTH: 800px; border=0> <TBODY><TR><TD> <TABLE borderColor=#111111 cellSpacing=0 cellPadding=3 width="95%" background="http://img./UploadFile/2004/9/3/3436397.jpg" border=5> <TBODY><TR><TD> <TABLE borderColor=#111111 cellSpacing=0 cellPadding=8 width="100%" background="http://bbs./UploadFile/2004-10/20041028356173.jpg" border=5> <TBODY><TR><TD> <TABLE borderColor=#111111 cellSpacing=0 cellPadding=3 width="100%" background="http://www./sucai/shejilei/bj/pic/0410.jpg" border=5> <TBODY><TR><TD> <TABLE borderColor=#111111 cellSpacing=0 cellPadding=15 width="100%" background="http://img./UploadFile/2004/9/3/3436397.jpg" border=5> <TBODY><TR><TD> <TABLE borderColor=#111111 cellSpacing=0 width="100%" bgColor=green border=1> <TBODY> <TR> <TD> <P align=center><TABLE border=0><TBODY><TR> <TD style="FILTER:Alpha(opacity=100,style=2)" width=450 background=http://edu.hangzhou.com.cn/images/20050101/20050427jy-15.jpg height=310> </TD></TR></TBODY></TABLE></P> <CENTER> <DIV style="FILTER: glow(color=#E4DC9B, strength=5); WIDTH: 500px"><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 35pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=華文行楷 color=003300> 邊框可以設(shè)置任意N層，你想要幾層就幾層，網(wǎng)上很協(xié)調(diào)美觀的邊框大部分都是專業(yè)人士制做（有些網(wǎng)站可以專門下載），你不要一看見一個漂亮邊框就認(rèn)為樓主高不可攀，實際上大部分會員用的協(xié)調(diào)美觀的邊框都是共享的 下面是一個七層邊框的實例介紹，圖片可以任意換，只要你覺著好看就行： <TABLE cellSpacing=0 borderColorDark=#001a1a cellPadding=10 width=500 borderColorLight=#055b56 background=圖片地址 border=0> <TD>（此處插入主文）</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE> 其中：border =邊框粗細(xì) width= 邊框?qū)挾?nbsp; height =邊框高度 cellspacing=單元格間距 cellpadding=邊框間距 borderColor=邊框顏色 background =插入的背景 （這幾個格式你可要背過了啊，如果也和我一樣記憶力不好，可以復(fù)制到你的文件夾里）
下面是帖子內(nèi)容的基本格式（這些您可要記住了，如記憶力不好，可復(fù)制到文件夾里）
1、貼圖片格式（支持jpg、gif等格式），紅色代碼是圖片居中命令： <P align=center> <IMG src="內(nèi)容圖片地址"></P> 2、貼普通字體格式，藍(lán)色代碼為字的顏色、紅色代碼為字的大?。ㄗ畲鬄榱?，最小為1），其他運動字體的格式，另行講解： <CENTER><FONT face=宋體 color=#e4dc9b size=4>蘭色夢幻</FONT></CENTER> 3、貼FLASH格式（紅色代碼分別是寬度與高度）： <EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=FLASH地址 width=380 height=270 type=application/x-shockwave-flash quality="high" wmode="transparent"></EMBED> 另外為大家介紹三種flash 的代碼 代碼1（普通的flash的插入代碼） <EMBED height=170 pluginspage=http://www.macromedia.com/go/getflashplayer src=地址 type=application/x-shockwave-flash width=330 wmode="transparent" quality="high"></EMBED> 代碼2（無限制的flash的代碼） <EMBED style="LEFT: 250px; WIDTH: 400px; POSITION: absolute; TOP: 900px; HEIGHT: 300px" align=right src=地址 width=400 height=300 type=application/octet-stream wmode="transparent" quality="high" ;;></EMBED> 代碼3（大型flash ) <TR><TD><EMBED style="LEFT: 50px; WIDTH: 850px; POSITION: absolute; TOP: 10px; HEIGHT: 1500px" align=right src=地址 width=500 height=1500 type=application/octet-stream wmode="transparent" quality="high" ;;></EMBED></TD> 代碼4（雙層flash的代碼） <EMBED align=right src=地址 width=420 height=350 type=application/octet-stream wmode="transparent" quality="high"><EMBED align=right src=地址 width=420 height=350 type=application/octet-stream wmode="transparent" quality="high"> 常用特效 1。透明 style="FILTER: Alpha(opacity=100,style=2)" 2。倒影 <P align=center><FONT style="FONT-SIZE: 27pt; WIDTH: 220px; COLOR: #00ff00; HEIGHT: 10px"><IMG src="圖片地址"><FONT id=ew style="FONT-SIZE: 27pt; FILTER: wave(strength=3,freq=3,phase=0,lightstrength=30) blur() flipv(); WIDTH: 220px; COLOR: #3333ff; HEIGHT: 10px"><IMG src="圖片地址"></P></FONT></FONT> 3蝴蝶飛舞 <MARQUEE behavior=alternate direction=up height=300 width=110><img src=http://bbs./UploadFile/2004-6/20046733350553.gif></MARQUEE><FONT color=orange><MARQUEE behavior=alternate direction=up height=250 width=110><img src=http://bbs./UploadFile/2004-6/20046733350553.gif></MARQUEE><FONT color=Fuchsia><MARQUEE behavior=alternate direction=up height=300 width=110><img src=http://bbs./UploadFile/2004-6/20046733350553.gif></MARQUEE><FONT color=olive><MARQUEE behavior=alternate direction=up height=250 width=110><img src=http://bbs./UploadFile/2004-6/20046733350553.gif></MARQUEE> 發(fā)貼前別忘了把自動修正的小勾除掉自動修正 圖片加透明FDLASH格式： <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> 發(fā)貼前別忘了把自動修正的小勾除掉自動修正 貼音樂格式（紅色部分為播放器的大小，設(shè)置為0就隱藏了播放器）： 1.背景音樂（適合 mid wma等格式） <bgsound src=音樂網(wǎng)址 Loop=-1> 2.音頻（適合MP3 WMA RM等很多格式） <embed src=網(wǎng)址 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> 說明：AutoStart=true 表示是否要音樂文件傳送完就自動播放，TRUE是要，F(xiàn)ALSE是不要，默認(rèn)為true Loop=true 表示設(shè)定播放重復(fù)次數(shù)，LOOP=3表示重復(fù)3次，true表示無限次播放，F(xiàn)ALSE播放一次即停止。 為讓大家有個直觀的認(rèn)識，就我自己的一個成品帖子，做一下實例演示： （帖子地址：http://www./bbs/dispbbs.asp?boardID=2&ID=32&page=1） 1、紅色部分是邊框； 2、藍(lán)色部分是內(nèi)容； 3、黑色部分是結(jié)尾 4、紫色部分是音樂 <TABLE cellSpacing=15 cellPadding=0 width=570 background=http://222.186.123.12/yueming/UploadFile/2004-11/2004111720481551.jpg border=0> <TBODY> <TR> <TD width=520> <TABLE cellSpacing=10 cellPadding=0 width=520 background=http://gb./userfilepath/xiaotan/xiaotan007/cancaoparatifundo1.jpg border=0> <TBODY> <TR> <TD width=520> <TABLE cellSpacing=4 cellPadding=0 width=520 background=http://life121888./index/GardenOfGoldstrip[1].jpg___200494123055106.jpg border=0> <TBODY> <TR> <TD width=520> <TABLE cellSpacing=10 cellPadding=0 background=http://gb./userfilepath/xiaotan/xiaotan007/cancaoparatifundo1.jpg border=0> <TBODY> <TR> <TD width=520> <TABLE cellSpacing=10 borderColorDark=#990000 cellPadding=0 width=520 borderColorLight=#cc0000 background=http://222.186.123.12/yueming/UploadFile/2004-11/2004111720481551.jpg border=1> <TBODY> <TR> <TD width=520> <TABLE cellSpacing=4 cellPadding=10 width=520 background=http://sbr0912./dvbbs/UploadFile/2004-12/2004123103319481.jpg border=0> <TBODY> <TR> <TD width=520 background=http://gb./userfilepath/xiaotan/xiaotan007/cancaoparatifundo1.jpg></TD> <TR> <TD width=520> <TABLE cellSpacing=0 cellPadding=0 width=520 background="" border=0> <TBODY> <TR> <TD> <P align=center><IMG src="http://www./picture/xx9/ss2/373.gif"></P> <P align=center><IMG src="http://www./UploadFile/2004-12/200412618938565.gif"></P> <P align=center><IMG src="http://tech.china.com/zh_cn/home4u/sucai/gifanimation/line/0025.gif"></P> <TABLE borderColor=#d2b48c height=230 cellSpacing=1 width=360 align=center background=http://www./UploadFile/2004-12/2004126172826197.jpg border=8> <TBODY> <TR> <TD align=middle width="93%"><EMBED src=http://mtv./upload/2004482345353317.swf width=360 height=230 type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high"></TD></TR></TBODY></TABLE> <P align=center><IMG src="http://sbr0912./dvbbs/UploadFile/2004-12/2004122145722665.gif"></P> <P align=center> <TABLE borderColor=#d2b48c height=400 cellSpacing=3 width=540 background=http://www./UploadFile/2004-12/2004126172728883.jpg border=1> <TBODY> <TR> <TD align=middle width="93%"><EMBED src=http://favorites2003./picture/cl/2.swf width=540 height=400 type=application/x-shockwave-flash quality="high" menu="false" wmode="transparent"></TD></TR></TBODY></TABLE> <P align=center><IMG src="http://sbr0912./dvbbs/UploadFile/2004-12/2004122145722665.gif"></P> <P align=center></P> <TABLE borderColor=#d2b48c height=400 cellSpacing=3 width=540 align=center background=http://www./UploadFile/2004-12/2004126172712268.jpg border=8> <TBODY> <TR> <TD align=middle width="95%"><EMBED src=http://imgfree.21cn.com/free/flash/4.swf width=540 height=400 type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high"></TD></TR></TBODY></TABLE> <P align=center><IMG src="http://sbr0912./dvbbs/UploadFile/2004-12/2004122145722665.gif"></P> <P align=center></P> <TABLE borderColor=#d2b48c height=210 cellSpacing=3 width=540 align=center background=http://www./UploadFile/2004-12/200412617271816.jpg border=8> <TBODY> <TR> <TD align=middle width="93%"><EMBED src=http://imgfree.21cn.com/free/flash/4.swf width=540 height=210 type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high"></TD></TR></TBODY></TABLE> <P align=center><IMG src="http://tech.china.com/zh_cn/home4u/sucai/gifanimation/line/0025.gif"></P> <P align=center><IMG src="http://www./bbs/UploadFile/2004-12/2004126164838195.gif"></P> <P align=center><IMG src="http://www./picture/xx9/ss2/373.gif"></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE><EMBED src=http://mp3.baidu.com/u?u=http://www.mckxx.com/shaoxiandui/media/YWMJBPDg~wP0I-zm7wPwMuos6xxd9g3~K1sz.MP3 width=0 height=0 type=audio/mpeg Loop="true" AutoStart="true"> 1、紅色邊框部分： <TABLE cellSpacing=15 cellPadding=0 width=570 background=http://222.186.123.12/yueming/UploadFile/2004-11/2004111720481551.jpg border=0> A、<TABLE =開始 <TABLE> =結(jié)尾 （這兩個是絕對格式，否則就成亂碼了） B、cellSpacing=15 =單元格間距（可以任意設(shè)置寬度） C、cellPadding=0 =邊框間距 D、width=570 =邊框?qū)挾?/p> E、background =插入的背景格式 F、*http://222.186.123.12/yueming/UploadFile/2004-11/2004111720481551.jpg* =背景圖片 G、border=0> = 邊框粗細(xì) 2、藍(lán)色內(nèi)容部分： <TBODY> <TR> <TD> <P align=center><IMG src="http://www./picture/xx9/ss2/373.gif"></P> <P align=center><IMG src="http://www./UploadFile/2004-12/200412618938565.gif"></P> <P align=center><IMG src="http://tech.china.com/zh_cn/home4u/sucai/gifanimation/line/0025.gif"></P> <TABLE borderColor=#d2b48c height=230 cellSpacing=1 width=360 align=center background=http://www./UploadFile/2004-12/2004126172826197.jpg border=8> <TBODY> <TR> <TD align=middle width="93%"><EMBED src=http://mtv./upload/2004482345353317.swf width=360 height=230 type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high"></TD></TR></TBODY></TABLE> A、（過渡指令碼，我們就這么叫吧） <TBODY> <TR> <TD> B、（分隔線圖片、GIF圖片） <P align=center><IMG src="http://www./picture/xx9/ss2/373.gif"></P> <P align=center><IMG src="http://www./UploadFile/2004-12/200412618938565.gif"></P> C、背景圖片 <TABLE borderColor=#d2b48c height=230 cellSpacing=1 width=360 align=center background=http://www./UploadFile/2004-12/2004126172826197.jpg border=8> D、單層FLASH <TBODY> <TR> <TD align=middle width="93%"><EMBED src=http://mtv./upload/2004482345353317.swf width=360 height=230 type=application/x-shockwave-flash wmode="transparent" menu="false" E、本單元結(jié)尾 </TD></TR></TBODY></TABLE> 3、黑色結(jié)尾部分（略，可系統(tǒng)自動結(jié)尾） </TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE> 4、紫色音樂部分： <EMBED src=http://mp3.baidu.com/u?u=http://www.mckxx.com/shaoxiandui/media/YWMJBPDg~wP0I-zm7wPwMuos6xxd9g3~K1sz.MP3 width=0 height=0 type=audio/mpeg Loop="true" AutoStart="true"> A、<EMBED src= =開始 B、音樂地址： C、播放器大?。[藏格式） width=0 height=0 D、自動重復(fù)播放格式 type=audio/mpeg Loop="true" AutoStart="true"> 邊框的基本格式 <TABLE cellSpacing=邊框?qū)挾?width="網(wǎng)頁寬度" background=第一層邊框圖片網(wǎng)址> 說明： <table>：表格的起始符。任意一個表格的開始都必須以它開頭，且必須有終止符</table>。 cellspacing：單元格間距。當(dāng)一個表格有多個單元格時，各單元格的距離就是cellspacing了，如若表格只有一個單元格，那么，這個單元格與表格上、下、左、右邊邊框的距離也是cellspacing。 width：表格的寬度。取值從0開始，默認(rèn)以像素為單位，與顯示器的分辨率的像素是一致的。800×600的顯示分辨率下，如果表格設(shè)置成1000個像素的寬度，那么，得出的效果將導(dǎo)致IE的橫向滾動條出現(xiàn)，只有通過滑動它才能看到表格最右邊的內(nèi)容，所以建議在設(shè)置表格的寬度時充分考慮顯示分辨率問題。width的取值還可以使用百分比，如widht="100%"，這種賦值法有個好處：表格的寬度將根據(jù)可顯示的寬度來自我調(diào)整寬度。 background：表格的背景圖。其值為一個有效的圖片地址。<td>也有此屬性。同時設(shè)置背景色和背景圖不沖突，也建議這么做，這樣，當(dāng)圖片不能顯示時，表格的外觀依然是好看的。 <tbody>：表體的起始符。緊跟在<table>之后，表示表體開始。必須有結(jié)尾符，放在</table>之前。在純網(wǎng)頁中可以不要tbody元素，但在論壇一定要使用，否則，當(dāng)帖子用到較多的表格時，論壇的自動填充功能將可能會導(dǎo)致代碼出錯。 <tr>：tr的作用是規(guī)定表格的行，其中，t是table，r是row（行）。有多少組tr，這張表格就有多少行。<tr>緊跟在<tbody>之后。必須有終止符</tr>。 <td>：td的作用是規(guī)定表格的列，t是table，d可理解為down（向下）。有多少組td，這張表格就有多少列。第一個<td>緊跟在<tr>之后。終止符為</td>。td與tr配合構(gòu)成單元格。 以上就第一層邊框的基本要素，現(xiàn)在我們在看看第二層邊框： <TABLE cellSpacing=0 borderColorDark=#0d1737 cellPadding=邊框?qū)挾?width="網(wǎng)頁寬度" borderColorLight=#24387a background=第二層邊框圖片網(wǎng)址 border=1> 其它的全和第一層一樣，但多了這二組： 1：cellSpacing=1 borderColorDark=#0d1737 為暗邊框，邊框?qū)挾葹?象素，顏色為0d1737 2： cellpadding：單元格襯距。指該單元格里的內(nèi)容與cellspacing區(qū)域的距離，如果cellspacing為0，則表示單元格里的內(nèi)容與表格周邊邊框的距離。 3：borderColorLight=#24387a 為亮邊框，顏色為0d1737 第三層邊框和第一層一樣，現(xiàn)在我們來看最后一層邊框也就是背景。 <TABLE width="網(wǎng)頁寬度" background=背景圖片網(wǎng)址 border=0> 它只有背景的寬度width="網(wǎng)頁寬度"，背景展示的網(wǎng)址：background=背景圖片網(wǎng)址，還多了一個border=0它是什么意思呢？ border：此屬性定義表格的邊框。比如，border=1，表示表格邊框的粗細(xì)為1個像素（默認(rèn)值），為0表示沒有邊框 邊框代碼１ <TABLE align=center cellSpacing=15 borderColorDark=#875856 cellPadding=0 width="100%" borderColorLight=#d7c5c4 background=http:///wysc/zheng/4/staytoteamuted2.jpg border=1> 邊框代碼２ <TABLE cellSpacing=38 width="100%" background=http://wz./uploadpic/2005043018225680611.jpg> |
|
|
