(一)全屏及圖框代碼(二)文字設(shè)置代碼(三)文字豎排代碼(四)各種貼圖代碼(五)定位標(biāo)簽代碼(六)趣味的移動(dòng)標(biāo)簽代碼(七)多媒體設(shè)置(貼歌)標(biāo)簽代碼(八)絕對(duì)定位掛貼實(shí)用標(biāo)簽代碼(九).超鏈接標(biāo)簽代碼(十)其它常用標(biāo)簽代碼及語句(十一)編輯音畫貼各種素材(十二)編輯音畫貼的各種代碼實(shí)例(十三)圖框和貼圖代碼實(shí)例(十四)各種特效文字代碼實(shí)例(一)全屏及圖框代碼:
◆1.全屏(相對(duì)定位)代碼:
<DIV id=table1 style="LEFT: 0px; WIDTH: 900px; POSITION: relative; TOP: 20px">
</DIV><br><br>
◆2顏色背景圖框代碼.
<TABLE style="LEFT: -0px; WIDTH: 980px; POSITION: relative; TOP: 20px" borderColor="0000ff" cellSpacing=10 cellpadding=10 bgColor="ffff00" border=10> <TR><<TD height=400>
可以在這里開始插入內(nèi)容
</TD></TR></TABLE>
◆3圖片背景的圖框代碼.
<TABLE borderColor="邊框顏色代碼" cellSpacing=15 cellpadding=20 background="背景圖片地址" width="圖框?qū)挾? height="圖框高度" border=20>
<TR><<TD>
</TD></TR></TABLE>
◆4套用全屏代碼的顏色背景的圖框.
<TABLE style="LEFT: -0px; WIDTH: 980px; POSITION: relative; TOP: 20px" borderColor="0000ff" cellSpacing=10 cellpadding=10 bgColor="ffff00" border=10> <TR><<TD height=400>
可以在這里開始插入內(nèi)容
</TD></TR></TABLE>
◆5套用全屏代碼的圖片背景的圖框.
<TABLE id=table1 style="LEFT: 0px; WIDTH: 980px; POSITION: relative; TOP: 20px "height=400 borderColor=660000 background=http://image11.360doc.com/DownloadImg/2010/06/2410/3727689_1.jpg border=20>
<TR><<TD>
可以在這里開始插入內(nèi)容
</TD></TR></TABLE>
◆6強(qiáng)制寬度的表格標(biāo)簽代碼.
<TABLE cellpadding=20 style="WIDTH: 500px; BORDER-COLLAPSE: collapse; HEIGHT: 300px"bgColor="#FFE6FF" borderColor="0000ff" border=10>
<TR><<TD>
可以在這里開始插入內(nèi)容
</TD></TR></TABLE>
(二)文字設(shè)置代碼:
◆1.文字設(shè)置基本代碼:
<font face=黑體 size=4 color=red>
插入文字內(nèi)容
</font>
◆2.大號(hào)文字設(shè)置代碼:
<font face=黑體 style=font:50pt color=red>
插入文字內(nèi)容
; </font>
◆3.文字的邊外加光輝效果代碼:
<div style="FILTER: Glow(color=#000000,strength=6); HEIGHT: 6pt">
<FONT style="FONT-SIZE: 60pt;FONT-FAMILY:隸書; COLOR: #ffff00">
如畫江山
</FONT></div>
◆4.文字重疊效果代碼:
<DIV style="FILTER: shadow(color=#00ff00, strength=5); WIDTH: 600px">
<FONT style="FONT-WEIGHT: normal; FONT-SIZE: 50pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=華文行楷 color=#808000>
期待您的精采!
</FONT></DIV>
◆5.文字重疊效果代碼:
<DIV style="FILTER: shadow(color=#000000, strength=5); WIDTH: 700px">
<FONT style="FONT-WEIGHT: normal; FONT-SIZE: 80pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=華文行楷 color=#ff0000>
春風(fēng)秋雨
</FONT></DIV>
◆5.文字有顏色背景的代碼:
<font STYLE="background-color:#0000ff" font face=黑體 style="FONT-SIZE: 22pt; color=#FFECEC"><b>
〖文字有顏色背景的代碼〗
</font></b>
(三)文字豎排代碼:
◆1.文字靠左豎排代碼:
<p> <font style="WRITING-MODE: tb-rl"style=font:14pt color=0000ff>
更喜岷山千里雪,<br> 三軍過后盡開顏。<br> .....<br> </FONT></P>
◆2.文字居中豎排代碼:
<p align=CENTER> <font style="WRITING-MODE: tb-rl"style=font:14pt color=0000ff>
更喜岷山千里雪,<br> 三軍過后盡開顏。<br> .....<br> </FONT></P>
◆2.文字靠右豎排代碼:
<p align=RIGHT> <font style="WRITING-MODE: tb-rl"style=font:14pt color=0000ff>
更喜岷山千里雪,<br> 三軍過后盡開顏。<br> .....<br>
</FONT></P>
返回到"代碼模式目錄"。(四)各種貼圖代碼:
◆1.貼圖代碼1:
<img src="圖片地址">
◆2.貼圖代碼2:
<INPUT src="圖片地址" type=image width=500>
◆3.羽化圖片代碼:
<INPUT style="FILTER: alpha(opacity=100,style=2)" INPUT src="圖片地址" type=image width=400>
◆4.貼Flash代碼:
<EMBED align=right src=http://www2.upwebflash.cn/index276-img/clock30.swf width=500 height=300 type=application/octet-stream wmode="transparent" quality="high" ;;>
◆5.圖片加Flash代碼:
<TABLE cellSpacing=1 cellPadding=0 width=500 height=330 bordercolor=#BB5E00 background="圖片地址" border=3> <TR> <TD>
<EMBED align=center src="Flash文件地址" width=500 height=300 type=application/octet-stream wmode="transparent" quality="high" ;;> </TD></TR></TABLE>
◆5.絕對(duì)定位加疊Flash代碼:
<EMBED style="LEFT:10px; WIDTH: 750px; POSITION: absolute; TOP: 100px; HEIGHT: 300px" align=center src=http://www2.upwebflash.cn/index276-img/clock30.swf width=750 height=300 type=application/octet-stream ;; quality="high" wmode="transparent">
(五)定位標(biāo)簽代碼:
20.定位標(biāo)簽代碼:
<CENTER>內(nèi)容居中</CENTER>
<DIV align=center> 內(nèi)容居中</DIV>
<p align=CENTE>內(nèi)容居中</P>
<p align=LEFT>內(nèi)容居左</P>
<p align=RIGHT>內(nèi)容居右</P>
水平加豎直定位指令語句(放在表格的列標(biāo)簽內(nèi)):
<td align=LEFT valign=top>居左靠頂</td>
<td align=center valign=top>居中靠頂</td>
<td align=right valign=top>居右靠頂</td>
<td align=LEFT valign=bottom>居左靠底</td>
<td align=center valign=bottom>居中靠底</td>
<td align=right valign=bottom>居右靠底</td>
(六)趣味的移動(dòng)標(biāo)簽代碼:
◆1,默然從右向左移動(dòng)代碼:
<marquee>移動(dòng)內(nèi)容文字或圖片</marquee>
◆2,從右向左移動(dòng)代碼:
<marquee scrollamount=3 direction=left>移動(dòng)內(nèi)容文字或圖片</marquee>
◆3,從左向右移動(dòng)的代碼:
<MARQUEE scrollAmount=3 direction=right>移動(dòng)內(nèi)容文字或圖片lt;/marquee>
◆4,左右來回走的代碼:
<marquee scrollamount=8 behavior=alternate >動(dòng)內(nèi)容文字或圖片</marquee>
◆5.從下向上移動(dòng)的代碼:
<marquee scrollamount=1 direction=up >移動(dòng)內(nèi)容文字或圖片</marquee>
◆6.從下向上從上向下移動(dòng)的代碼:
<marquee scrollamount=1 direction=down>移動(dòng)內(nèi)容文字或圖片</marquee>
(七)多媒體設(shè)置(貼歌)標(biāo)簽代碼:
◆1.銀色播放器代碼:
<EMBED src="音樂文件地址" width=500 height=50 type=audio/x-ms-wma autostart="true" loop="true">
◆2.圖框加入歌詞﹑圖片和播放器代碼:
<table border="1" width="500" background="http://www.luopan.com/uploads/landmark/21241.jpg" height="400" id="table1">
<tr>
<td align=center valign=bottom><br>
<font color="#ffff00" size="6"><b>《歌曲名稱》</b></font><br>
<INPUT style="FILTER: alpha(opacity=100,style=2)" INPUT src="http://bbs.gw.com.cn/UploadFile/2008-6/200861116182112553.jpg" type=image width=300> <br>
<marquee direction=left scrollamount=2 width=400>
<font size="4"color="#00FFFF"><<b>歌詞內(nèi)容。</b></font>
</marquee>
<EMBED src=http://www.joyvv.com/images/3574.mp3 width=500 height=50 type=audio/x-ms-wma autostart="true" loop="true">
</td><</tr></table>
◆3.播放動(dòng)漫歌曲代碼:
<TABLE cellSpacing=5 cellPadding=1 width=500 align=center bordercolor=#C0C0C0 background=http://image11.360doc.com/DownloadImg/2010/06/2410/3727689_2.gif border=30 table> <tr>
<td><br>
<P align=center><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=http://image2.sina.com.cn/dongman/f/2002-03-18/1_55-4-248_20020318123358.swf width=500 height=350 type=application/x-shockwave-flash quality="high" wmode="transparent"></P>
</td><</tr></table>
(八)絕對(duì)定位掛貼實(shí)用標(biāo)簽代碼:
◆1.相對(duì)定位代碼:
<DIV style="LEFT: 0px; WIDTH: 500px; POSITION: relative; TOP: 0px; HEIGHT: 200px; ridge:">
</DIV>
◆2.絕對(duì)定位代碼:
<DIV style="LEFT: 0px; WIDTH: 500px; POSITION: absolute; TOP: 0px; HEIGHT: 100px" >
</DIV>
◆3.絕對(duì)定位掛貼圖片代碼:
<img src="http://bbs.gw.com.cn/UploadFile/2008-6/20086111653319630.jpg"width=250 style="LEFT: 260px; WIDTH: 250px; POSITION: absolute; TOP: 130px; HEIGHT: 320px">
◆4.絕對(duì)定位掛貼羽化圖片代碼:
<INPUT style="FILTER: alpha(opacity=100,style=2)" INPUT src="http://bbs.gw.com.cn/UploadFile/2008-6/20086111653319630.jpg" type=image width=400 style="LEFT: 480px; WIDTH: 400px; POSITION: absolute; TOP: 100px; HEIGHT: 320px">
◆5.絕對(duì)定位掛貼橫排文字代碼:
<font face=黑體 style=font:30pt color=ffff00 style="LEFT: 600px; WIDTH: 400px; POSITION: absolute; TOP: 100px; HEIGHT: 30px"> 掛貼橫排文字</font>
◆6.絕對(duì)定位掛貼豎排文字代碼:
<font face=黑體 style=font:30pt color=ffff00 style="LEFT: 680px; WIDTH: 50px; POSITION: absolute; TOP: 170px; HEIGHT: 320px"> 掛貼豎排文字</font>
◆7.絕對(duì)定位掛貼Flash代碼:
<EMBED style="LEFT:50px; WIDTH: 950px; POSITION: absolute; TOP: -130px; HEIGHT: 400px" align=center src=http://imgfree.21cn.com/free/flash/59.swf width=950 height=400 type=application/octet-stream ;; quality="high" wmode="transparent">
◆8.絕對(duì)定位掛貼從下向上移動(dòng)代碼:
<marquee scrollamount=1 direction=up style="LEFT: 600px; WIDTH: 300px; POSITION: absolute; TOP: 100px; HEIGHT: 130px">移動(dòng)內(nèi)容文字或圖片</marquee>
(九).超鏈接標(biāo)簽代碼:
◆1.超鏈接代碼:
<a target=_blank><font size=3 color=#0000ff> 歡迎您!啟步學(xué)代碼。 </FONT></a>
◆2.超鏈接代碼:
<a target=_blank><img src="http://bbs.gw.com.cn/UploadFile/2008-8/2008841933482109.gif"width=100><br><font size=3 color=#0000ff> 一周學(xué)會(huì)用代碼做音畫貼.</FONT></a>
◆3.直接運(yùn)行空間貼代碼:
<DIV style="LEFT: 0px; WIDTH: 995px; POSITION: relative; TOP: 0px"> <IFRAME marginWidth=0 marginHeight=0 src="http://www.53199.com/bbs/UploadFile/2009-4/200941913483155358.txt" frameBorder=0 width=995 scrolling=no height="11800"> </IFRAME></DIV>
◆4.精彩的鏈接文字說明設(shè)置代碼,用于空間貼;
<style type="text/css"> .css1{font-family:楷體_GB2312; color:008000;font-size:16pt; font-weight:bold; text-decoration:none} .css2{font-family:楷體_GB2312; color:#0000ff;font-size:18pt; font-weight:bold ; text-decoration:none} .css3{font-family:隸書; color:#FF0000;font-size:22pt; font-weight:bold ; text-decoration:none} </style>
<a > 歡迎您!啟步學(xué)代碼。</a>
<a > 一周學(xué)會(huì)用代碼做音畫貼</a>
<a > 依樣畫葫蘆 試做音畫貼</a>
復(fù)制代碼粘貼到HTML編輯瀏覽器,可以運(yùn)行見效果.
(十)其它常用標(biāo)簽代碼及語句:
<BR> 過行單標(biāo)簽. <p></p> 過段雙標(biāo)簽. <pre></pre>文字依原始樣式顯示雙標(biāo)簽
半個(gè)空格 一個(gè)空格. <li></li>文字行首加一個(gè)圓點(diǎn)標(biāo)簽.
<CENTER> <HR SIZE=2 color=#ffff00 ALIGN=CENTER WIDTH="500"> </CENTER>橫線標(biāo)簽.
◆常用字體代碼:
宋體 黑體 幼圓 隸書 新宋體 華文新魏 華文行楷 華文細(xì)黑
華文彩云 方正姚體 楷體_GB2312 仿宋_GB2312
◆常用顏色代碼:
紅色 #FF0000 藍(lán)色 #0000FF 黃色 #FFFF00 青色 #00FFFF 黑色 #000000
紅紫色 #FF00FF 茶色 #D2B48C 金色 #FFD700 橄欖色 #808000
◆常用顏色代碼◆
紅色
#FF0000 黃色
#FFFF00 暗青色
#008B8B 碧綠色
#7FFFD4 白色
#FFFFFF 藍(lán)色
#0000FF 紫羅蘭
#8A2BE2 褐色
#A52A2A 黑色
#000000 黃綠色
#7FFF00
巧可力
#D2691E 珊瑚色
#FF7F50 菊蘭色
#6495ED 暗深紅
#DC143C 青色
#00FFFF 暗金黃
#B8860B 暗灰色
#A9A9A9 暗綠色
#006400 桃色
#FFDAB9 暗紅色
#8B008B
紅紫色
#FF00FF 暗灰藍(lán)
#483D8B 墨綠色
#2F4F4F 亮肉色
#FFA07A 米綢色
#FFF8DC 粟色
#800000 橙色
#FFA500 熱粉紅
#FF69B4 金色
#FFD700 茶色
#D2B48C