基本標(biāo)志
<html></html> 創(chuàng)建一個HTML文檔
<head></head> 設(shè)置文檔標(biāo)題和其它在網(wǎng)頁中不顯示的信息
<body></body> 設(shè)置文檔的主體部分
標(biāo)題標(biāo)志
<title></title> 將文檔的題目放在瀏覽器的標(biāo)題欄中
格式標(biāo)志
<p></p> 創(chuàng)建一個段落
<p align=""> 將段落按左、中、右對齊
<br> 插入一個回車換行符
<blockquote></blockquote> 從兩邊縮進(jìn)文本
<dl></dl> 定義列表
<dt> 放在每個定義術(shù)語詞前
<dd> 放在每個定義之前
<ol></ol> 創(chuàng)建一個標(biāo)有數(shù)字的列表
<ul></ul> 創(chuàng)建一個標(biāo)有圓點(diǎn)的列表
<li> 放在每個列表項之前,若在<ol></ol>之間則每個列表項加上一個數(shù)字,若在<ul></ul>之間則每個列表項加上一個圓點(diǎn)
<div align=""></div> 用來排版大塊HTML段落,也用于格式化表
文檔整體屬性標(biāo)志
<body bgcolor=""> 設(shè)置背景顏色。使用名字或RGB的十六進(jìn)制值
<body text=""> 設(shè)置文本顏色。使用名字或RGB的十六進(jìn)制值
<body link=""> 設(shè)置鏈接顏色。使用名 字或RGB的十六進(jìn)制值
<body vlink=""> 設(shè)置已使用的鏈接的顏色。使用名字或RGB的十六進(jìn)制值
<body alink=""> 設(shè)置正在被擊中的鏈接的顏色。使用名字或RGB的十六進(jìn)制值
文本標(biāo)志
<pre></pre> 預(yù)先格式化文本
<h1></h1> 最大的標(biāo)題
<h6></h6> 最小的標(biāo)題
<b></b> 黑體字
<i></i> 斜體字
<tt></tt> 打字機(jī)風(fēng)格的字體
<cite></cite> 引用,通常是斜體
<em></em> 強(qiáng)調(diào)文本(通常是斜體加黑體)
<strong></strong> 加重文本(通常是斜體加黑體)
<font size=""></font> 設(shè)置字體大小,從1到7
<font color=""></font> 設(shè)置字體的顏色,使用名字或RGB的十六進(jìn)制值
圖像標(biāo)志
<img src="name">
在HTML文檔中嵌入一個圖像
<img src="name" align=""> 排列對齊一個圖像:左、中、右或上、中、下
<img src="name" border=""> 設(shè)置圖像的邊框的大小
<hr> 加入一條水平線
<hr size=""> 設(shè)置水平線的厚度
<hr width=""> 設(shè)置水平線的寬度?？梢允前俜直然蚪^對像素點(diǎn)
<hr noshade> 沒有陰影的水平線
鏈接標(biāo)志
<a href="URL"></a> 創(chuàng)建超文本鏈接
<a href="mailto:EMAIL">
</a> 創(chuàng)建自動發(fā)送電子郵件的鏈接
<a name="name"></a> 創(chuàng)建位于文檔內(nèi)部的書簽
<a href="#name"></a> 創(chuàng)建指向位于文檔內(nèi)部書簽的鏈接
表格標(biāo)志
<table></table> 創(chuàng)建一個表格
<tr></tr> 表格中的每一行
<td></td> 表格中一行中的每一個格子
<th></th> 設(shè)置表格頭:通常是黑體居中文字
<table border=""> 設(shè)置邊框的寬度
<table cellspacing=""> 設(shè)置表格格子之間空間的大小
<table cellpadding=""> 設(shè)置表格格子邊框與其內(nèi)部內(nèi)容之間空間的大小
<table width=""> 設(shè)置表格的寬度。用絕對像素值或總寬度的百分比
<tr align=""> 設(shè)置表格格子的水平對齊方式(左中右)
<tr valign=""> 設(shè)置表格格子的垂直對齊方式(上中下)
<td colspan=""> 設(shè)置一個表格格子跨占的列數(shù)(缺省值為1)
<td rowspan=""> 設(shè)置一個表格格子跨占的行數(shù)(缺省值為1)
<td nowrap> 禁止表格格子內(nèi)的內(nèi)容自動斷行
幀標(biāo)志
frameset></frameset> 放在一個幀文檔的<body>標(biāo)簽之前,也可以嵌在其他幀文檔中
<frameset rows="value,value"> 定義一個幀內(nèi)的行數(shù),可以使用絕對像素值或高度的百分比
<frameset cols="value,value"> 定義一個幀內(nèi)的列數(shù),可以使用絕對像素值或?qū)挾鹊陌俜直?
<frame> 定義一個幀內(nèi)的單一窗或窗區(qū)域
<noframes></noframes> 定義在不支持幀的瀏覽器中顯示什么提示
<frame src="URL"> 規(guī)定幀內(nèi)顯示的HTML文檔
<frame name="name"> 命名幀或區(qū)域以便別的幀可以指向它
<frame marginwidth=""> 定義幀左右邊緣的空白大小,必須大于等于1
<frame marginheight=""> 定義幀上下邊緣的空白大小,必須大于等于1
<frame scrolling=""> 設(shè)置幀是否有滾動欄,其值可以是"yes","no" 或"auto"
<frame noresize> 禁止用戶調(diào)整一個幀的大小
表單標(biāo)志
<form></form> 創(chuàng)建表單
<select multiple name="name" size=""></select> 創(chuàng)建滾動菜單,size設(shè)置在需要滾動前可以看到的表單項數(shù)目
<option> 設(shè)置每個表單項的內(nèi)容
<select name="name"></select> 創(chuàng)建下拉菜單
<option> 設(shè)置每個菜單項的內(nèi)容
<textarea name="name" cols=40 rows=8></textarea> 創(chuàng)建一個文本框區(qū)域,列的數(shù)目設(shè)置寬度,行的數(shù)目設(shè)置高度
<input type="checkbox" name="name"> 創(chuàng)建一個復(fù)選框,文字在標(biāo)簽后面
<input type="radio" name="name" value=""> 創(chuàng)建一個單選框,文字在標(biāo)志后面
<input type=text name="foo" size=20> 創(chuàng)建一個單行文本輸入?yún)^(qū)域,size設(shè)置以字符串的寬度
<input type="submit" value="name"> 創(chuàng)建提交(submit)按鈕
<input type="image" border=0 name="name" src="name.gif"> 創(chuàng)建一個使用圖象的提交(submit)按鈕
<input type="reset"> 創(chuàng)建重置(reset)按鈕
音畫發(fā)全屏貼的代碼：
方法一：
<TABLE style="LEFT: -220px; WIDTH: 1000px; POSITION: relative; TOP: 250px" cellSpacing=0 cellPadding=10 width="100%"><TBODY><TR><TD width="100%"><DIV align=center>帖子內(nèi)容</div></td></tr></table><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
方法二：
<TABLE style="LEFT: -220px; WIDTH: 1000px; POSITION: relative; TOP: 250px" cellSpacing=0 cellPadding=10 width="100%"><TBODY><TR><TD width="100%"><DIV align=center><IFRAME marginWidth=0 marginHeight=0 src=空間貼地址 frameBorder=0 width=1000 scrolling=no height=580></IFRAME></div></td></tr></table><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
方法三：
<DIV style="LEFT: -220px; WIDTH: 1000px; POSITION: relative; TOP: 250px"><IFRAME marginWidth=0 marginHeight=0 src=空間貼地址 frameBorder=0 width=1000 scrolling=no height=580></IFRAME></DIV><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
注意：在代碼結(jié)尾處請加幾個換行代碼<br>，以免高度不夠而覆蓋了編輯鍵。
另外：非空間貼發(fā)貼時在 URL識別和禁用 Smilies選框前打勾以免系統(tǒng)自動識別而導(dǎo)致帖子不能正常顯示。
發(fā)全屏貼時編輯鍵被覆蓋了可用下面的方法處理：
1、在你的帖子空白處點(diǎn)鼠標(biāo)右鍵選擇查看源文件
2、在彈出的文本里點(diǎn)頂部的編輯——查找，在查找內(nèi)容里輸入“編輯帖子”，點(diǎn)查找下一個
3、找到后復(fù)制該“編輯帖子”的鏈接地址（紅色部分）
<a href="post.php?action=edit&fid=48&tid=2534&pid=15838&page=1"><img src="images/artery-1_imags/edit.gif" border="0" alt="編輯帖子"></a>
4、用這段地址替換當(dāng)前頁面地址欄里http://220.202.186.134/bbs2/后面的內(nèi)容，然后回車就可以進(jìn)入重新編輯了
5、重新編輯時請記住一定得多加幾個換行代碼<br>。
再有特別要注意發(fā)音畫貼一定要前后的標(biāo)志要配合起來用。。。。
|
HTML代碼效果
邊框:
1一層
<TABLE cellSpacing=15 cellPadding=0 width="100%" align=middle background=http://www./bbs/UploadFile/2005-1/200517223722573.jpg border=0>
<TBODY>
<TR>
<TD>加入內(nèi)容</TD></TR></TBODY></TABLE>
2.兩層
<CENTER>
<TABLE cellSpacing=15 cellPadding=0 width="100%" align=middle background=http://www./bbs/UploadFile/2005-1/200517223722573.jpg border=0>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=15 cellPadding=0 width="100%" align=middle background=http://www./bbs/UploadFile/2005-1/200517223722573.jpg border=0>
<TBODY>
<TR>
<TD>加入內(nèi)容
</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
</CENTER>
三層代碼:
<TABLE cellSpacing=15 cellPadding=0 width="100%" align=middle background=http://www./bbs/UploadFile/2005-1/200517223722573.jpg border=0>
<TBODY>
<TR>
<TD>第一層背景
<TABLE cellSpacing=15 cellPadding=0 width="100%" align=middle background=http://www./bbs/UploadFile/2005-1/20051216324456.jpg border=0>
<TBODY>
<TR>
<TD>第二層背景
<TABLE cellSpacing=15 cellPadding=0 width="100%" align=middle background=http://www./bbs/UploadFile/2005-1/20051216445729.jpg border=0>
<TBODY>
<TR>
<TD>第三層背景
你要發(fā)全屏的就添加以下代碼:
id=tablel style="LEFT: -220px; POSITION: relative; TOP: 80px; WIDTH: 970px"
<TABLE id=table1 style="LEFT: -220px; WIDTH: 970px; POSITION: relative; TOP: 80px" cellSpacing=25 align=center background=http://bbs.hnol.net/the00img/2004-6-22/19/200462219545311105.jpg border=0>
<TBODY>
<TR>
<TD>
<TR>
……
邊框: 明暗線條的效果
< align=center>
<TABLE id=table1 style="LEFT: -220px; WIDTH: 750px; POSITION: relative; TOP: 60px" cellSpacing=30 borderColorDark=#041726 cellPadding=0 width=750 align=center borderColorLight=#1673be background=http://www./UploadFile/2005-1/2005126124748525.jpg border=0>
<TBODY>
<TR>
<TD width="100%">
<CENTER>
<TABLE cellSpacing=15 borderColorDark=#041726 cellPadding=0 width=750 borderColorLight=#1673be background=http://www./UploadFile/2005-1/200512612491639.jpg border=1>
<TBODY>
<TR>
<TD width="100%">
<DIV align=center>
<TABLE cellSpacing=5 borderColorDark=#1673be cellPadding=0 width=750 borderColorLight=#041726 background=http://www./UploadFile/2005-1/2005126124724983.jpg border=1>
<TBODY>
<TR>
<TD width="100%">
<CENTER>
<TABLE cellSpacing=10 borderColorDark=#041726 cellPadding=0 width=750 borderColorLight=#1673be background=http://www./UploadFile/2005-1/200512612491639.jpg border=1>
<TBODY>
<TR>
<TD>
<DIV align=center>
<TABLE cellSpacing=16 borderColorDark=#1673be cellPadding=0 width=750 borderColorLight=#041726 background=http://www./UploadFile/2005-1/2005126124724983.jpg border=1>
<TBODY>
<TR>
<TD>
<CENTER>
<TABLE style="WIDTH: 620px; HEIGHT: 400px" borderColor=#cccccc cellSpacing=2 cellPadding=3 background=http://www./UploadFile/2005-1/2005126205039918.jpg border=0>
<TBODY>
<TR>
<TD></TD></TR></TBODY></TABLE></CENTER>
<CENTER></CENTER><DIV></DIV></TD></TR></TBODY></TABLE></DIV><DIV></DIV></TD></TR></TBODY></TABLE></CENTER></TD></TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE></CENTER></TD></TR></TBODY></TABLE></P><BR><BR><BR><BR><BR><BR><BR><BR><BR>
花邊框中間加文字:
<TABLE cellPadding=100 width=480 align=center background=http://xz1./348114/uploadpic/20041272239673.jpg border=0 cellSpacing40>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#228b22 borderColorDark=#e6e6fa cellPadding=0 width=480 align=center border=10>
<TBODY>
<TR>
<TD>
< align=center><STRONG><FONT color=#006400 size=6></FONT></STRONG> </P>
< align=center><FONT color=#7fff00>加入文字</FONT> </P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
貼HLASH音樂的代碼是：
這個代碼是需要點(diǎn)擊才可以播放的，適用于試聽(RM/MP3/RA/WMA)
<EMBED src=歌曲名 volume="100" width=39 height=18 hidden="FALSE" autostart="fault" type="audio/x-pn-realaudio-plugin" controls="PlayButton"></embed>
這個代碼是自動播放的，也是用于試聽(類型同上)
<embed src="歌曲的地址 帶http的" width="39" height="18" autostart="true" hidden="false" loop="infinite" align="middle" volume="100" type="audio/x-pn-realaudio-plugin" controls="PlayButton" autostart="true">
在中間代碼
<center>內(nèi)容</center>
播放器(不直接放小圖)+<center>在中間
<EMBED src=歌曲鏈接地址 volume="100" width=39 height=18 hidden="FALSE" autostart="fault" type="audio/x-pn-realaudio-plugin" controls="PlayButton"></EMBED></center>
播放器直接放(在中間小圖)
<center><embed src="歌曲鏈接地址" width="39" height="18" autostart="true" hidden="false" loop="infinite" align="middle" volume="100" type="audio/x-pn-realaudio-plugin" controls="PlayButton" autostart="true">
播放器3
<embed width="100" height="20" type="audio/x-pn-realaudio-plugin" autostart="true" controls="ControlPanel" src="歌曲鏈接地址">
大播放器不直接放
<center><EMBED src=歌曲鏈接地址 volume="100" width=250 height=20 hidden="FALSE" autostart="fault" type="audio/x-pn-realaudio-plugin" controls="PlayButton"></EMBED>
播放器直接放 中
<embed width="426" height="20" type="audio/x-pn-realaudio-plugin" autostart="true" controls="ControlPanel" src="歌曲鏈接地址">
仿真播放器rm
<embed src="歌曲鏈接地址" width="280，80%" height="60，80%" autostart="true"><embed>
視頻點(diǎn)擊播放
<object id=videowindow1 width=480 height=330 classid="CLSID:6BF52A52-394A-11D3-B153-00C04F79FAA6"><param name=URL value=歌曲鏈接地址><param name=AUTOSTART value=0></object>
放FLSH音樂的代碼:
<embed src="flash地址" width="400" height="260" type="application/x-shockwave-flash" quality="high" menu="false" wmode="transparent">
<EMBED height=366 src=http://www./flash/swfpath/20041151501478743.swf type=application/x-shockwave-flash width=430 quality="high" wmode="transparent"></EMBED>
透明播放器(自動播放)
<TABLE style="BORDER-COLLAPSE: collapse" height=24 cellSpacing=0 cellPadding=0 width=300 align=center background=http://nxm./s-helpSite/domName/nxm/20041142125029271.gif border=1>
<TBODY>
<TR>
<TD style="FILTER: Chroma(Color=''#000000'')">
< align=center><;/P></TD></TR></TBODY></TABLE></CENTER>
手動播放器
<EMBED src=http://61.177.239.242/bbs/mp3/cjzm.mp3 width=200 height=33 type=audio/x-mplayer2 loop="-1" autostart="false" volume="0" EnableContextMenu="0" showstatusbar="0" console="video"></EMBED>
代碼：（手動播放，自動播放請將false改為true）
加透明的FLSH
無邊框的：
< align=center> <TABLE height=323（圖片高度） cellSpacing=0 cellPadding=0 width=400（圖片寬度） background=http://www./fsyyybbs/Mods/usr/53_14335.jpg（圖片地址） border=0> <TBODY> <TR> <TD><EMBED align=right src=http://imgfree.21cn.com/free/flash/74.swf（特效地址） width=400（特效寬度） height=323（特效高度） type=application/octet-stream wmode="transparent" quality="high" ;;><EMBED align=right src=http://imgfree.21cn.com/free/flash/51.swf（特效地址） width=400（特效寬度） height=323（特效高度） type=application/octet-stream wmode="transparent" quality="high" ;;></EMBED></TD></TR></TBODY></TABLE></P>
有邊框：
<P align=center> <TABLE height=323（圖片高度） cellSpacing=0 cellPadding=0 width=400（圖片寬度） background=http://www./fsyyybbs/Mods/usr/53_14335.jpg（圖片地址） border=5（邊框厚度）> <TBODY> <TR> <TD><EMBED align=right src=http://imgfree.21cn.com/free/flash/74.swf（特效地址） width=400（特效寬度） height=323（特效高度） type=application/octet-stream wmode="transparent" quality="high" ;;><EMBED align=right src=http://imgfree.21cn.com/free/flash/51.swf（特效地址） width=400（特效寬度） height=323（特效高度） type=application/octet-stream wmode="transparent" quality="high" ;;></EMBED></TD></TR></TBODY></TABLE></P>
其中:TOP為開始的高低的置, WIDTH為FLAS的寬, HEIGHT為FLAS的高低
在透明的FLSH上加字:
<DIV style="position:relative; top:0px; left:0px; width:530px; height:390px; overflow: hidden">
<div style="position: absolute; top: -50px; left: -50px">
<EMBED src="http://homepage2./~kmid/flash/0406/sangosanran-c.swf" width=630 height=480 type=application/octet-stream wmode="transparent" quality="high"></EMBED></div>
<div style="position: absolute; top: 120px; left: 80px">
<TABLE cellSpacing=0 cellPadding=0 width=510 align=center border=0><TR><TD style="filter:chroma(color=#ffff66)"><div style="width:100%;filter:glow(color=#00ff00 strength=19);color:white"><FONT style=" FONT-FAMILY: 華文新魏; FONT-SIZE: 66pt;" color=#ffff66><b>我愛貼圖</b></FONT></div></TD></TR></TABLE></div></DIV>
加上一個透明的框:
<DIV style="LEFT: 0px; OVERFLOW: hidden; WIDTH: 530px; POSITION: relative; TOP: 0px; HEIGHT: 390px">
<DIV style="LEFT: -50px; POSITION: absolute; TOP: -50px"><EMBED src=http://homepage2./~kmid/flash/0406/sangosanran-c.swf width=630 height=480 type=application/octet-stream wmode="transparent" quality="high"> </EMBED></DIV>
<DIV style="LEFT: 80px; POSITION: absolute; TOP: 120px">
<TABLE cellSpacing=0 cellPadding=0 width=510 align=center border=0>
<TBODY>
<TR>
<TD style="FILTER: chroma(color=#ffff66)">
<DIV style="FILTER: glow(color=#00ff00 strength=19); WIDTH: 100%; COLOR: white"><FONT style="FONT-SIZE: 66pt; FONT-FAMILY: 華文新魏" color=#ffff66><B>我愛貼圖</B> </FONT></DIV></TD></TR></TBODY></TABLE></DIV>
<DIV style="LEFT: 0px; POSITION: absolute; TOP: 0px">
<TABLE style="FILTER: Alpha(Opacity=43,Style=0)" height=390 cellSpacing=0 width=530 border=23>
<TBODY>
<TR>
<TD align=middle width="100%"></TD></TR></TBODY></TABLE></DIV></DIV><BR><BR><BR><BR>
|
|
圖片特效代碼
朦朧圖片:
1.右邊朦朧:
<TABLE style="FILTER: Alpha(opacity=100,style=1)" height=364 width=500 align=center background=http://www./UploadFile/2005-1/2005122193656420.jpg table>
<TBODY>
<TR>
<TD></TD></TR></TBODY></TABLE>
2.橢圓
<TABLE style="FILTER: Alpha(opacity=100,style=2)" height=364 width=500 align=center background=http://www./UploadFile/2005-1/2005122193656420.jpg table>
<TBODY>
<TR>
<TD></TD></TR></TBODY></TABLE>
3.方形
<TABLE style="FILTER: Alpha(opacity=100,style=3)" height=364 width=500 align=center background=http://www./UploadFile/2005-1/2005122193656420.jpg table>
<TBODY>
<TR>
<TD></TD></TR></TBODY></TABLE>
4.WAVE濾鏡 波紋效果
<TABLE border=0>
<TBODY>
<TR>
<TD style="FILTER: wave(add=true,freq=100,lightstrength=100,phase=4,strength=5)" width=500 background=http://www./UploadFile/2005-1/2005122193656420.jpg height=364></TD></TR></TBODY></TABLE>
add=true 表示打亂對象;
Freq 參數(shù)指生成波紋的頻率，也就是指定在對象上共需要產(chǎn)生多少個完整的波紋。
LightStrength 參數(shù)是為了使生成的波紋增強(qiáng)光的效果。參數(shù)值可以從0到100。
Phase 參數(shù)用來設(shè)置正弦波開始的偏移量。這個值的通用值為0，它的可變范圍為從0到100。這個值代表開始時的偏移量占波長的百分比。比如該值為25，代表正弦波從90度（360*25%）的方向開始。
strength 表示振幅
5.Xray濾鏡：使對象變得像被 x光照射一樣
<TABLE border=0>
<TBODY>
<TR>
<TD style="filter:Xray" width=500 background="http://www./UploadFile/2005-1/2005122193656420.jpg" height=364></TD></TR></TBODY></TABLE>
6.過濾反色效果:
<TABLE border=0>
<TBODY>
<TR>
<TD style="FILTER: invert" width=500 background=http://www./UploadFile/2005-1/2005122193656420.jpg height=364></TD></TR></TBODY></TABLE>
7.FlipV濾鏡：創(chuàng)建垂直鏡像圖片
<TABLE border=0>
<TBODY>
<TR>
<TD style="filter:FlipV" width=500background="http://www./UploadFile/2005-1/2005122193656420.jpg" height=364></TD></TR></TBODY></TABLE>
8.Alpha濾鏡：設(shè)置透明層次
左透明:
<TABLE border=0>
<TBODY>
<TR>
<TD style="FILTER: Alpha(Opacity=0,FinishOpacity=75,Style=2)" width=500 background="http://www./UploadFile/2005-1/2005122193656420.jpg" height=364></TD></TR></TBODY></TABLE>
中間圓透明:
<TABLE border=0>
<TBODY>
<TR>
<TD style="FILTER: Alpha(Opacity=0,FinishOpacity=75,Style=2)" width=500 background="http://www./UploadFile/2005-1/2005122193656420.jpg" height=364></TD></TR></TBODY></TABLE>
中間方透明:
<TABLE border=0>
<TBODY>
<TR>
<TD style="FILTER: Alpha(Opacity=0,FinishOpacity=75,Style=3)" width=500 background="http://www./UploadFile/2005-1/2005122193656420.jpg" height=364></TD></TR></TBODY></TABLE>
Opacity: 起始值，取值為0～100, 0為透明，100為原圖。
FinishOpacity:目標(biāo)值。
Style:1或2或3
9.圖片虛化后
添加多個透明FLASH語法
代碼如下：
< align=center>
<TABLE border=0>
<TBODY>
<TR>
<TD style="FILTER: Alpha(opacity=100,style=2)" width=255 background=http://www./UploadFile/2004-7/20047301729519.gif height=300>
<><B><EMBED align=right src=http://mouse520./flash/36.swf width=255 height=300 type=application/octet-stream wmode="transparent" quality="high"><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer align=right src=http://bg./fh/3/31.swf width=255 height=300 type=application/x-shockwave-flash quality="high" wmode="transparent"><EMBED align=right src=http://wanruo./jpsc/flash/19.swf width=255 height=300 type=application/octet-stream quality="high" wmode="transparent"></EMBED></B></P></TD></TR></TOBDY></TBODY></TABLE></P>
|
1.朦朧橢圓形中的字上移:
< align=center>
<TABLE height=230 cellSpacing=10 cellPadding=10 width=660 border=0>
<TBODY>
<TR>
<TD align=middle height=230>
<MARQUEE style="FONT-SIZE: 30pt; FILTER: Alpha(Opacity=250, <br>FinishOpacity=100,Style=2,StartX=150, StartY=150, FinishX=0, FinishY=0); WIDTH: 620px; COLOR: #db70db; FONT-FAMILY: 華文彩云; HEIGHT: 410px; TEXT-ALIGN: center" scrollAmount=2 scrollDelay=100 direction=up width=467 bgColor=#0022cc height=255 align="middle" border="0"><FONT id=font style="COLOR: #56d076" face=華文彩云><BR>加入文字<BR>你學(xué)會了嗎</FONT></MARQUEE></TD></TR></TBODY></TABLE><BR></P>
2.左右移動的圖片:
<CENTER>
<MARQUEE scrollAmount=1 direction=right behavior=alternate width="100%">
<CENTER>
<TABLE cellSpacing=0 width=400 background=http://pugongyingw./image/xiantiao/d/14.gif border=0 cellpading="0">
<TBODY>
<TR>
<TD>
< align=center><IMG src=http://qslsc./112306/uploadpic/20041021154315693.gif></P></TD></TR></TBODY></TABLE></CENTER></MARQUEE></CENTER>
1.左右循環(huán)移動(更多的圖片可以依此增加）
<MARQUEE behavior=alternate width="100%"><IMG src="圖片連接地址"> <IMG src="圖片連接地址">..........<*/MARQUEE>
2。向上移動（scrollamount=1.2.3??用來調(diào)整滾動速度 1最慢）
<MARQUEE direction=up scrollamount=3??width="100%"><IMG src="圖片連接地址"> <IMG src="圖片連接地址">..........<*/MARQUEE>
3。向下移動
<MARQUEE direction=down scrollamount=3??width="100%"><IMG src="圖片連接地址"> <IMG src="圖片連接地址">.........<*/MARQUEE>
4。向左移動
<MARQUEE direction=left??scrollamount=3??width="100%"><IMG src="圖片連接地址"> <IMG src="圖片連接地址">..........<*/MARQUEE>
5.向右移動
<MARQUEE direction=right??scrollamount=3??width="100%"><IMG src="圖片連接地址"> <IMG src="圖片連接地址">..........<*/MARQUEE>
邊框加左移二張圖: <TABLE borderColor=#111111 cellSpacing=0 cellPadding=5 width="100%" background=http://www./pianzoline/fotoset04/set4_fondo1.jpg border=1> <TBODY> <TR> <TD> <MARQUEE width=850 height=200> < align=center><IMG src="http://bbs./UploadFile/2005-5/20055131740711.jpg";;><IMG src="http://bbs./UploadFile/2005-5/200551317428361.jpg";;><IMG src="http://bbs./UploadFile/2005-5/2005513174344756.jpg";;></IMG ></CENTER></MARQUEE></TD></TR></TBODY></TABLE>
移動效果 http://tietu./dispbbs.a ... ID=17846&page=2
1.<MARQUEE scrollAmount=1 direction=up behavior=alternate height=260><MARQUEE scrollAmount=1 direction=up height=150> 文字 </MARQUEE></MARQUEE>
2.<MARQUEE scrollAmount=2 direction=up behavior=alternate height=260><MARQUEE scrollAmount=1 direction=up height=150>文字</MARQUEE></MARQUEE>
3.<MARQUEE scrollAmount=1 behavior=alternate height=160 width=460><MARQUEE scrollAmount=1 direction=up height=160 width=456>文字</MARQUEE></MARQUEE>
4.加上底色的移動效果:
<MARQUEE scrollAmount=2 direction=up behavior=alternate bgColor=#ff99ff height=260>
<MARQUEE scrollAmount=1 direction=up bgColor=#ff00ff height=150><FONT face=隸書 color=#ffffcc size=5><BR>風(fēng)對你的獨(dú)白<BR>清晨、當(dāng)你還在熟睡的夢鄉(xiāng)，<BR>我就拂過你的臉龐，<BR>是一種期盼、是一點(diǎn)靈犀、更是一份想往，<BR>你能夠感覺到嗎？<BR>我在你的發(fā)梢拂動，<BR>在你的肩際拉動你的絲被，<BR>穿透你那敞開的<BR>衣領(lǐng)，<BR>泌入你那胸前的山谷，<BR>那一次次的拂動，也是我一次次的撫愛,<BR>當(dāng)你出現(xiàn)在在都市的街頭，<BR>就在此時此刻，在你那忙碌的身影下，<BR>在你那匆匆的腳步中,<BR>我正在你的發(fā)際旁，<BR>拉動著你的絲巾，多少次深情的回眸,<BR>多少次深情的飄灑，一次次永遠(yuǎn)的叮嚀，<BR>也是我一次次的永遠(yuǎn)的期盼,<BR>你踏碎夕陽潑灑下來的晚霞，<BR>那些在天邊逶迤的暮色中，<BR>我飄浮在你那能讀懂卻又似乎<BR>不太能讀懂的眼神里，<BR>萬千寵愛在你那兩扇明亮的眼眶，<BR>你甜甜的又澀澀的，那么多的笑容,<BR>那么多的淚水，一切都在我的心中。<BR>夜，已經(jīng)悄悄地來臨，<BR>我還在你的夢里吹拂著,<BR>這就是我心里對你的真正感知，<BR>他向你撲面而來. <BR></FONT></MARQUEE></MARQUEE>
5.<MARQUEE scrollAmount=3 behavior=alternate width=100%><MARQUEE scrollAmount=3 width=96%>圖片</MARQUEE></MARQUEE>
6.從右向左飛的鳥
<MARQUEE scrollAmount=13 height=360><MARQUEE scrollAmount=3 direction=up behavior=alternate width=100%> <img src=http://www./Sozai/H1611143/008681.gif> </MARQUEE></MARQUEE>
7、隨機(jī)變換效果的圖片
如果你不想用上面的滾動效果的話，也可以試試這個隨機(jī)轉(zhuǎn)換特效：
<div id="ShowIMG" style="FILTER: revealTrans(transition=23,duration=0.7); width:150;
height:120"></div>
<SCRIPT language=Javascript>
var Num;
var Speed = 3000; //圖片顯示的時間，數(shù)字越大時間越久
//定義要顯示的圖片數(shù)組
var IMGArray = new Array();
IMGArray[0] = ''<IMG src="1.gif" border=0 alt="第一張">'';
IMGArray[1] = ''<IMG src="2.gif" border=0 alt="第二張">'';
IMGArray[2] = ''<IMG src="3.gif" border=0 alt="第三張">'';
//隨機(jī)顯示第一張圖片
today=new Date();
Seconds = today.getSeconds();
Num = Seconds % IMGArray.length;
function NextIMG(){
//設(shè)置轉(zhuǎn)換濾鏡為隨機(jī)方式
ShowIMG.filters.revealTrans.Transition = 23;
ShowIMG.filters.revealTrans.apply();
Num < IMGArray.length-1 ? Num++ : Num = 0;
ShowIMG.innerHTML = IMGArray[Num]; //將圖片顯示在 ShowIMG 層
ShowIMG.filters.revealTrans.play(); //執(zhí)行效果轉(zhuǎn)換
Timer = setTimeout("NextIMG()", Speed);
}
NextIMG();
</SCRIPT>
怎么樣，還不錯吧？其實(shí)這個隨機(jī)轉(zhuǎn)換的特效修改一下用來做桌面的背景也不錯哦，至于怎么改你就慢慢自己研究吧。
8:循環(huán)滾動的圖片
我們知道，可以用 <marquee direction="up" scrollamount="1"
scrolldelay="50">要滾動的內(nèi)容（如圖片）</marquee>
語句來實(shí)現(xiàn)文字或圖片的滾動。但滾動的內(nèi)容會出現(xiàn)一段空白，也就是要等內(nèi)容的尾部滾動完成后，頭部再能再次出現(xiàn)。而這個特效就能讓內(nèi)容首尾相連的一直滾個不停。
在要顯示滾動內(nèi)容的地方插入以下內(nèi)容：
<DIV id=demo style="OVERFLOW: hidden; WIDTH: 160px; COLOR: #ffffff; HEIGHT: 240px">
<DIV id=demo1>
<center>
<!--從這里開始換成你的內(nèi)容-->
<IMG src="1.gif" width=150 height=120 border=0 alt="第一張">
<IMG src="2.gif" width=150 height=120 border=0 alt="第二張">
<IMG src="3.gif" width=150 height=120 border=0 alt="第三張">
<!--內(nèi)容結(jié)束-->
</center>
</DIV>
<DIV id=demo2></DIV>
</DIV>
<SCRIPT Language="JavaScript">
demo2.innerHTML = demo1.innerHTML; //克隆demo1為demo2
var speed = 30; //滾動速度，數(shù)字越小速度越快
function Marquee(){
//內(nèi)容滾動主函數(shù)
if(demo2.offsetTop-demo.scrollTop<=0){
//當(dāng)滾動至demo1與demo2交界時
demo.scrollTop-=demo1.offsetHeight; //demo跳到最頂端
}else{
demo.scrollTop++;
}
initialize();
}
function initialize(){
timer = setTimeout("Marquee()", speed);
}
function StopMarquee(){
clearInterval(timer);
//清除定時器達(dá)到滾動停止的目的
}
initialize();
demo.onmouseover=StopMarquee //鼠標(biāo)移上時清除定時器達(dá)到滾動停止的目的
demo.onmouseout=initialize //鼠標(biāo)移開時重設(shè)定時器
</SCRIPT>
本例充分利用了圖層的樣式（OVERFLOW:
hidden），即超出部分不顯示，并利用了兩個相同內(nèi)容圖層作為過渡，因此看上去就像首尾相連的內(nèi)容一直在滾動一樣。
文字特效代碼
文字基本設(shè)制, 基本代碼如下：
< align=center><FONT color=#0066ff face=隸書 size=5>插入文字</FONT></P>
align=center 表示字體居中，可選值為居右（right）居左（left）
color=顏色代碼 具體顏色代碼可參照：顏色選?。迹键c(diǎn)擊查看
face=字體 常用字體為：宋體.黑體.楷體.仿宋.幻緣.新宋體.細(xì)明體等
size=字體大小，這里的最大值為7 取值越大文字就越大
1.<FONT style="FONT-SIZE: 40pt; FILTER: shadow(color=green); WIDTH: 100%; COLOR: white; LINE-HEIGHT: 150%; FONT-FAMILY: 華文彩云"><B>常用字體</B></FONT>
2.< align=center><FONT style="FONT-WEIGHT: bolder; FONT-SIZE: 70px; FILTER: blur(add=1, direction=45,strength=10); WIDTH: 450px; POSITION: relative" color=#3333cc>朋友別哭</FONT></CAPTION> <BR></CAPTION></P>
3.< align=center><FONT style="FONT-WEIGHT: bolder; FONT-SIZE: 50px; FILTER: blur(add=1, direction=45,strength=10); WIDTH: 500px; POSITION: relative"><><FONT color=#ff00ff>總有一天等到你！ </FONT></P></FONT></CAPTION>
4.<FONT style="FONT-SIZE: 50pt; FILTER: shadow(color=#af2dco); WIDTH: 100%; COLOR: #730404; LINE-HEIGHT: 100%; FONT-FAMILY: 華文行楷" size=6>華文行楷！</FONT>
5.<CENTER><FONT style="FONT-SIZE: 60pt; FILTER: shadow(color=black); WIDTH: 100%; COLOR: #e4dc9b; LINE-HEIGHT: 150%; FONT-FAMILY: 華文彩云"><B><>大家好！</P></B></FONT></CENTER>
6.<CENTER><FONT style="FONT-SIZE: 40pt; FILTER: glow(color=black); WIDTH: 100%; COLOR: #e4dc9b; LINE-HEIGHT: 150%; FONT-FAMILY: 華文彩云"><B>一杯熱茶~*</B></FONT></CENTER>
7.<FONT style="FONT-SIZE: 55pt; FILTER: shadow(color=#AF0530); WIDTH: 100%; COLOR: #f90b46; LINE-HEIGHT: 150%; FONT-FAMILY: 隸書"><B>一聲問候...</B></FONT>
8.<DIV style="FILTER: shadow(color=#6495ED, strength=60); WIDTH: 480px"><FONT face=華文彩云 color=#9932cc size=7><B><CENTER><BR>有空來坐坐*，，</CENTER>
<CENTER></B> </CENTER></FONT>
9.上下相交的字
<CENTER>
<MARQUEE scrollAmount=2 direction=down height=60><CENTER><FONT face=華文彩云 color=#da70d6 size=6><B>朋友，歡迎您的到來~~~~</FONT></CENTER></B></MARQUEE>
<CENTER>
<MARQUEE scrollAmount=2 direction=up height=60><CENTER><FONT face=華文彩云 color=#da70d6 size=6><B>朋友，歡迎您的到來~~~~</FONT></CENTER></B></MARQUEE></CENTER>
10.多種顏色的字
<FONT size=7><FONT color=#ff0000>這</FONT><FONT color=#d52a00>里</FONT><FONT color=#ab5400>是</FONT><FONT color=#817e00>你</FONT><FONT color=#57a800>我</FONT><FONT color=#2dd200>的家</FONT></FONT>
11.<CENTER><FONT style="FONT-SIZE: 40pt; FILTER: shadow(color=#DA70D6); WIDTH: 100%; COLOR: white; LINE-HEIGHT: 150%; FONT-FAMILY: 方正舒體"><B>貼子速成</B></FONT> <BR><BR></CENTER>
12.<FONT style="FONT-SIZE: 30pt; FILTER: shadow(color=green); WIDTH: 100%; COLOR: white; LINE-HEIGHT: 150%; FONT-FAMILY: 華文彩云"><B>貼子速成</B></FONT>
13.<FONT style="FONT-SIZE: 55pt; FILTER: shadow(color=apar); WIDTH: 100%; COLOR: #00ff00; LINE-HEIGHT: 100%" face=漢鼎繁隨意 size=6>貼子速成</FONT><FONT style="FONT-SIZE: 55pt; FILTER: shadow(color=apar); WIDTH: 100%; COLOR: #ff00ff; LINE-HEIGHT: 100%; FONT-FAMILY: 漢鼎繁中變" size=6></FONT><FONT color=#ff00ff> </FONT>
14.蹦蹦跳跳的字
<CENTER><FONT face=隸書 color=red size=15>
<MARQUEE direction=up behavior=alternate width=60 height=120>祝</MARQUEE><FONT color=yellow>
<MARQUEE direction=up behavior=alternate width=60 height=80>大</MARQUEE><FONT color=brown>
<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=orange>
<MARQUEE direction=up behavior=alternate width=60 height=120>圖</MARQUEE><FONT color=yellow>
<MARQUEE direction=up behavior=alternate width=60 height=80>速</MARQUEE><FONT color=orange>
<MARQUEE direction=up behavior=alternate width=60 height=120>成</MARQUEE></FONT></B></MARQUEE></FONT></CENTER></FONT></FONT></FONT></FONT></FONT></FONT>
15.從右到左過濾淡化的字
<FONT style="FONT-SIZE:30pt;filter:alpha(opacity=100,style=3);WIDTH:100%; COLOR:red;LINE-HEIGHT:150%;FONT-FAMILY:華文行楷"><B>保護(hù)生態(tài)環(huán)境</B></FONT>
opacity屬性：設(shè)置透明度，取值0至100之間的任意數(shù)值，100表示完全不透明；
style屬性：設(shè)置漸變風(fēng)格，0表示均勻漸變，1表示線性漸變，2表示放射漸變，3表示直角漸變。
而width:100%則表示參與漸變的對象的寬度，通常都設(shè)置為100%。
16.<FONT style="FONT-SIZE:30pt;filter:blur(add=1,direction=30,strength=5);WIDTH:100%; COLOR:red;LINE-HEIGHT:150%;FONT-FAMILY:華文行楷"><B>共創(chuàng)綠色家園</B></FONT>
ADD屬性在運(yùn)動模糊中,其值為0和1，0表示“否”，用于文字，1表示“是”，用于圖像；Direction屬性是模糊移動的角度，其值為0至360度；Strength屬性是模糊移動的距離
17.<FONT style="FONT-SIZE:30pt;filter:dropshadow(color=lightgreen,offX=5,offY=3,Positive=1);WIDTH:100%; COLOR:red;LINE-HEIGHT:150%;FONT-FAMILY:華文行楷"><B>共創(chuàng)綠色家園!</B></FONT>
color屬性：設(shè)置影子文本的顏色；
offX和offY屬性：影子文本下落的位移值；
Positive屬性：指定透明象素陰影，布爾型，0為是，1為否。
18.<FONT style="FONT-SIZE:30pt;filter:shadow(color=black,direction=180);WIDTH:100%; COLOR:red;LINE-HEIGHT:150%;FONT-FAMILY:華文行楷"><B>共創(chuàng)綠色家園!</B></FONT>
color屬性：陰影顏色；
direction屬性：陰影角度，值取0至360度。
19.<FONT style="FONT-SIZE:30pt;filter:wave(add=0,lightstrength=50,strength=4,freq=2,phrase=30);WIDTH:100%; COLOR:red;LINE-HEIGHT:150%;FONT-FAMILY:華文行楷"><B>共創(chuàng)綠色家園!</B></FONT>
add屬性：布爾型，0或1，0表示將原始對象加入最后效果中，1則反之；
freq屬性：決定顯示的頻率，即應(yīng)出現(xiàn)多少個波形；
phrase屬性：決定波形的形狀，值取0至360之間；
strength屬性：決定波形的振幅。
20.<FONT style="FONT-SIZE:30pt;filter:glow(color=gray,strength=4);WIDTH:100%; COLOR:red;LINE-HEIGHT:150%;FONT-FAMILY:華文行楷"><B>共創(chuàng)綠色家園!</B></FONT>
color屬性：光暈顏色；strength：光暈的厚度。
21.參搓跳動的字
<MARQUEE scrollAmount=8 direction=right behavior=alternate><B><FONT color=#7700bb size=5><FONT color=lime>
<MARQUEE direction=up behavior=alternate width=40 height=200 align="middle">明</MARQUEE><FONT color=red>
<MARQUEE direction=up behavior=alternate width=40 height=150>天</MARQUEE><FONT color=orange>
<MARQUEE direction=up behavior=alternate width=40 height=200>更</MARQUEE><FONT color=fuchsia>
<MARQUEE direction=up behavior=alternate width=40 height=150>美</MARQUEE><FONT color=olive>
<MARQUEE direction=up behavior=alternate width=40 height=200>好</MARQUEE><FONT color=green>
<MARQUEE direction=up behavior=alternate width=40 height=150>是</MARQUEE><FONT color=red>
<MARQUEE direction=up behavior=alternate width=40 height=200>吧</MARQUEE><FONT color=orange>
<MARQUEE direction=up behavior=alternate width=40 height=150>！</MARQUEE><FONT color=orange></FONT></B></MARQUEE>
22.漂亮的特效字.
<TABLE align="center" border="0" cellpadding="0" cellspacing="0" background=http://www./gif/168/gif074.gif><TR><TD style="FILTER: chroma(color=#336699"><TABLE align=center bgcolor=#FCF3F4><TR><TD align=middle><FONT style="FONT-SIZE: 40pt" face=華文新魏 color=#336699><b>很漂亮的特效字 </b></FONT></TD></TR></TABLE></TD></TR></TABLE>
原理:
共有二層表格,
第一層背景圖就是顯示的GIF圖片,并在<td>里設(shè)置文字透明,
第二層把背景顏色寫成和網(wǎng)頁背景顏色（紅色代碼）一致，以遮蓋文字外的部分，
如果放到自己的帖里，把紅色代碼換成和自己帖一樣的背景顏色或背景圖（有圖案的不行）就可。
背景代碼:http://tech.china.com/zh_cn/home ... ation/line/0154.gif
http://bbs./UploadFile/2005-7/200579103213764.gif
23.把字放在框里不出去
<TABLE borderColorDark=#008060 cellPadding=2 width="100%" bgColor=#cccc00 borderColorLight=#008000 background=http://znrs./UploadFile/2004-4/200442413260795.gif border=10>
<TBODY>
<TR>
<TD>
<MARQUEE scrollAmount=3 behavior=alternate width="90%">
<P align=center><FONT face=楷體_GB2312 color=#cccc00 size=5><STRONG>讓字在框框里不出去，轉(zhuǎn)來轉(zhuǎn)去真好看也。。</STRONG></FONT></P></MARQUEE></TD></TR></TBODY></TABLE>
HTML 語言相關(guān)教程:
分享一些常用的ＨＴＭＬ－?。剩停?br>
簡體：
<! - - ... - -> 注解
<!> 跑馬燈
<marquee>...</marquee>普通卷動
<marquee behavior=slide>...</marquee>滑動
<marquee behavior=scroll>...</marquee>預(yù)設(shè)卷動
<marquee behavior=alternate>...</marquee>來回卷動
<marquee direction=down>...</marquee>向下卷動
<marquee direction=up>...</marquee>向上卷動
<marquee direction=right></marquee>向右卷動
<marquee direction=''left''></marquee>向左卷動
<marquee loop=2>...</marquee>卷動次數(shù)
<marquee width=180>...</marquee>設(shè)定寬度
<marquee height=30>...</marquee>設(shè)定高度
<marquee bgcolor=FF0000>...</marquee>設(shè)定背景顏色
<marquee scrollamount=30>...</marquee>設(shè)定卷動距離
<marquee scrolldelay=300>...</marquee>設(shè)定卷動時間
<!>字體效果
<h1>...</h1>標(biāo)題字(最大)
<h6>...</h6>標(biāo)題字(最小)
<b>...</b>粗體字
<strong>...</strong>粗體字(強(qiáng)調(diào))
<i>...</i>斜體字
<em>...</em>斜體字(強(qiáng)調(diào))
<dfn>...</dfn>斜體字(表示定義)
<u>...</u>底線
<ins>...</ins>底線(表示插入文字)
<strike>...</strike>橫線
<s>...</s>刪除線
<del>...</del>刪除線(表示刪除)
<kbd>...</kbd>鍵盤文字
<tt>...</tt> 打字體
<xmp>...</xmp>固定寬度字體(在文件中空白、換行、定位功能有效)
<plaintext>...</plaintext>固定寬度字體(不執(zhí)行標(biāo)記符號)
<listing>...</listing> 固定寬度小字體
<font color=00ff00>...</font>字體顏色
<font size=1>...</font>最小字體
<font style =''font-size:100 px''>...</font>無限增大
<!>區(qū)斷標(biāo)記
<hr>水平線
<hr size=''9''>水平線(設(shè)定大小)
<hr width=''80%''>水平線(設(shè)定寬度)
<hr color=''ff0000''>水平線(設(shè)定顏色)
<br>(換行)
<nobr>...</nobr>水域(不換行)
<p>...</p>水域(段落)
<center>...</center>置中
<!>連結(jié)格式
<base href=位址>(預(yù)設(shè)好連結(jié)路徑)
<a href=位址></a>外部連結(jié)
<a href=位址 target=''_blank''></a>外部連結(jié)(另開新視窗)
<a href=位址 target=''_top''></a>外部連結(jié)(全視窗連結(jié))
<a href=位址 target=''頁框名''></a>外部連結(jié)(在指定頁框連結(jié))
<!>貼圖/音樂
<img src=圖片位址>貼圖
<img src=圖片位址 width=''180''>設(shè)定圖片寬度
<img src=圖片位址 height=''30''>設(shè)定圖片高度
<img src=圖片位址 alt=''提示文字''>設(shè)定圖片提示文字
<img src=圖片位址'' border=''1''>設(shè)定圖片邊框
<bgsound src=MID音樂檔位址>背景音樂設(shè)定
<!>表格語法
<table aling=left>...</table>表格位置,置左
<table aling=center>...</table>表格位置,置中
<table background=圖片路徑>...</table>背景圖片的URL=就是路徑網(wǎng)址
<table border=邊框大小>...</table>設(shè)定表格邊框大小(使用數(shù)字)
<table bgcolor=顏色碼>...</table>設(shè)定表格的背景顏色
<table borderclor=顏色碼>...</table>設(shè)定表格邊框的顏色
<table borderclordark=顏色碼>...</table>設(shè)定表格暗邊框的顏色
<table borderclorlight=顏色碼>...</table>設(shè)定表格亮邊框的顏色
<table cellpadding=參數(shù)>...</table>指定內(nèi)容與格線之間的間距(使用數(shù)字)
<table cellspacing=參數(shù)>...</table>指定格線與格線之間的距離(使用數(shù)字)
<table cols=參數(shù)>...</table>指定表格的欄數(shù)
<table frame=參數(shù)>...</table>設(shè)定表格外框線的顯示方式
<table width=寬度>...</table>指定表格的寬度大小(使用數(shù)字)
<table height=高度>...</table>指定表格的高度大小(使用數(shù)字)
<td colspan=參數(shù)>...</td>指定儲存格合并欄的欄數(shù)(使用數(shù)字)
<td rowspan=參數(shù)>...</td>指定儲存格合并列的列數(shù)(使用數(shù)字)
<!>分割視窗
<frameset cols="20%,*">左右分割,將左邊框架分割大小為20%右邊框架的大小瀏覽器會自動調(diào)整
<frameset rows="20%,*">上下分割,將上面框架分割大小為20%下面框架的大小瀏覽器會自動調(diào)整
<frameset cols="20%,*">分割左右兩個框架
<frameset cols="20%,*,20%">分割左中右三個框架
<分割上下兩個框架
<frameset rows="20%,*,20%">分割上中下三個框架
<! - - ... - -> 注解
<A HREF TARGET> 指定超連結(jié)的分割視窗
<A HREF=#錨的名稱> 指定錨名稱的超連結(jié)
<A HREF> 指定超連結(jié)
<A NAME=錨的名稱> 被連結(jié)點(diǎn)的名稱
<ADDRESS>....</ADDRESS> 用來顯示電子郵箱地址
<B> 粗體字
<BASE TARGET> 指定超連結(jié)的分割視窗
<BASEFONT SIZE> 更改預(yù)設(shè)字形大小
<BGSOUND SRC> 加入背景音樂
<BIG> 顯示大字體
<BLINK> 閃爍的文字
<BODY TEXT LINK VLINK> 設(shè)定文字顏色
<BODY> 顯示本文
<BR> 換行
<CAPTION ALIGN> 設(shè)定表格標(biāo)題位置
<CAPTION>...</CAPTION> 為表格加上標(biāo)題
<CENTER> 向中對齊
<CITE>...<CITE> 用于引經(jīng)據(jù)典的文字
<CODE>...</CODE> 用于列出一段程式碼
<COMMENT>...</COMMENT> 加上注解
<DD> 設(shè)定定義列表的項目解說
<DFN>...</DFN> 顯示"定義"文字
<DIR>...</DIR> 列表文字標(biāo)簽
<DL>...</DL> 設(shè)定定義列表的標(biāo)簽
<DT> 設(shè)定定義列表的項目
<EM> 強(qiáng)調(diào)之用
<FONT FACE> 任意指定所用的字形
<FONT SIZE> 設(shè)定字體大小
<form ACTION> 設(shè)定戶動式表單的處理方式
<form METHOD> 設(shè)定戶動式表單之資料傳送方式
<FRAME MARGINHEIGHT> 設(shè)定視窗的上下邊界
<FRAME MARGINWIDTH> 設(shè)定視窗的左右邊界
<FRAME NAME> 為分割視窗命名
<FRAME NORESIZE> 鎖住分割視窗的大小
<FRAME SCROLLING> 設(shè)定分割視窗的卷軸
<FRAME SRC> 將HTML檔加入視窗
<FRAMESET COLS> 將視窗分割成左右的子視窗
<FRAMESET ROWS> 將視窗分割成上下的子視窗
<FRAMESET>...</FRAMESET> 劃分分割視窗
<H1>~<H6> 設(shè)定文字大小
<HEAD> 標(biāo)示文件資訊
<HR> 加上分格線
<HTML> 文件的開始與結(jié)束
<I> 斜體字
<IMG ALIGN> 調(diào)整圖形影像的位置
<IMG ALT> 為你的圖形影像加注
<IMG DYNSRC LOOP> 加入影片
<IMG HEIGHT WIDTH> 插入圖片并預(yù)設(shè)圖形大小
<IMG HSPACE> 插入圖片并預(yù)設(shè)圖形的左右邊界
<IMG LOWSRC> 預(yù)載圖片功能
<IMG SRC BORDER> 設(shè)定圖片邊界
<IMG SRC> 插入圖片
<IMG VSPACE> 插入圖片并預(yù)設(shè)圖形的上下邊界
<INPUT TYPE NAME value> 在表單中加入輸入欄位
<ISINDEX> 定義查詢用表單
<KBD>...</KBD> 表示使用者輸入文字
<LI TYPE>...</LI> 列表的項目 ( 可指定符號 )
<MARQUEE> 跑馬燈效果
<MENU>...</MENU> 條列文字標(biāo)簽
<META NAME="REFRESH" CONTENT URL> 自動更新文件內(nèi)容
<MULTIPLE> 可同時選擇多項的列表欄
<NOFRAME> 定義不出現(xiàn)分割視窗的文字
<OL>...</OL> 有序號的列表
<OPTION> 定義表單中列表欄的項目
< ALIGN> 設(shè)定對齊方向
<> 分段
<ERSON>...</PERSON> 顯示人名
<RE> 使用原有排列
<SAMP>...</SAMP> 用于引用字
<SELECT>...</SELECT> 在表單中定義列表欄
<SMALL> 顯示小字體
<STRIKE> 文字加橫線
<STRONG> 用于加強(qiáng)語氣
<SUB> 下標(biāo)字
<SUP> 上標(biāo)字
<TABLE BORDER=n> 調(diào)整表格的寬線高度
<TABLE CELLPADDING> 調(diào)整資料欄位之邊界
<TABLE CELLSPACING> 調(diào)整表格線的寬度
<TABLE HEIGHT> 調(diào)整表格的高度
<TABLE WIDTH> 調(diào)整表格的寬度
<TABLE>...</TABLE> 產(chǎn)生表格的標(biāo)簽
<TD ALIGN> 調(diào)整表格欄位之左右對齊
<TD BGCOLOR> 設(shè)定表格欄位之背景顏色
<TD COLSPAN ROWSPAN> 表格欄位的合并
<TD NOWRAP> 設(shè)定表格欄位不換行
<TD VALIGN> 調(diào)整表格欄位之上下對齊
<TD WIDTH> 調(diào)整表格欄位寬度
<TD>...</TD> 定義表格的資料欄位
<TEXTAREA NAME ROWS COLS> 表單中加入多少列的文字輸入欄
<TEXTAREA WRAP> 決定文字輸入欄是自動否換行
<TH>...</TH> 定義表格的標(biāo)頭欄位
<title> 文件標(biāo)題
<TR>...</TR> 定義表格美一行
<TT> 打字機(jī)字體
<U> 文字加底線
<UL TYPE>...</UL> 無序號的列表 ( 可指定符號 )
<VAR>...</VAR> 用于顯示變數(shù)
繁體：
<! - - ... - -> 註解
<!> 跑馬燈
<marquee>...</marquee>普通捲動
<marquee behavior=slide>...</marquee>滑動
<marquee behavior=scroll>...</marquee>預(yù)設(shè)捲動
<marquee behavior=alternate>...</marquee>來回捲動
<marquee direction=down>...</marquee>向下捲動
<marquee direction=up>...</marquee>向上捲動
<marquee direction=right></marquee>向右捲動
<marquee direction=''left''></marquee>向左捲動
<marquee loop=2>...</marquee>捲動次數(shù)
<marquee width=180>...</marquee>設(shè)定寬度
<marquee height=30>...</marquee>設(shè)定高度
<marquee bgcolor=FF0000>...</marquee>設(shè)定背景顏色
<marquee scrollamount=30>...</marquee>設(shè)定捲動距離
<marquee scrolldelay=300>...</marquee>設(shè)定捲動時間
<!>字體效果
<h1>...</h1>標(biāo)題字(最大)
<h6>...</h6>標(biāo)題字(最小)
<b>...</b>粗體字
<strong>...</strong>粗體字(強(qiáng)調(diào))
<i>...</i>斜體字
<em>...</em>斜體字(強(qiáng)調(diào))
<dfn>...</dfn>斜體字(表示定義)
<u>...</u>底線
<ins>...</ins>底線(表示插入文字)
<strike>...</strike>橫線
<s>...</s>刪除線
<del>...</del>刪除線(表示刪除)
<kbd>...</kbd>鍵盤文字
<tt>...</tt> 打字體
<xmp>...</xmp>固定寬度字體(在文件中空白、換行、定位功能有效)
<plaintext>...</plaintext>固定寬度字體(不執(zhí)行標(biāo)記符號)
<listing>...</listing> 固定寬度小字體
<font color=00ff00>...</font>字體顏色
<font size=1>...</font>最小字體
<font style =''font-size:100 px''>...</font>無限增大
<!>區(qū)斷標(biāo)記
<hr>水平線
<hr size=''9''>水平線(設(shè)定大小)
<hr width=''80%''>水平線(設(shè)定寬度)
<hr color=''ff0000''>水平線(設(shè)定顏色)
<br>(換行)
<nobr>...</nobr>水域(不換行)
<p>...</p>水域(段落)
<center>...</center>置中
<!>連結(jié)格式
<base href=位址>(預(yù)設(shè)好連結(jié)路徑)
<a href=位址></a>外部連結(jié)
<a href=位址 target=''_blank''></a>外部連結(jié)(另開新視窗)
<a href=位址 target=''_top''></a>外部連結(jié)(全視窗連結(jié))
<a href=位址 target=''頁框名''></a>外部連結(jié)(在指定頁框連結(jié))
<!>貼圖/音樂
<img src=圖片位址>貼圖
<img src=圖片位址 width=''180''>設(shè)定圖片寬度
<img src=圖片位址 height=''30''>設(shè)定圖片高度
<img src=圖片位址 alt=''提示文字''>設(shè)定圖片提示文字
<img src=圖片位址'' border=''1''>設(shè)定圖片邊框
<bgsound src=MID音樂檔位址>背景音樂設(shè)定
<!>表格語法
<table aling=left>...</table>表格位置,置左
<table aling=center>...</table>表格位置,置中
<table background=圖片路徑>...</table>背景圖片的URL=就是路徑網(wǎng)址
<table border=邊框大小>...</table>設(shè)定表格邊框大小(使用數(shù)字)
<table bgcolor=顏色碼>...</table>設(shè)定表格的背景顏色
<table borderclor=顏色碼>...</table>設(shè)定表格邊框的顏色
<table borderclordark=顏色碼>...</table>設(shè)定表格暗邊框的顏色
<table borderclorlight=顏色碼>...</table>設(shè)定表格亮邊框的顏色
<table cellpadding=參數(shù)>...</table>指定內(nèi)容與格線之間的間距(使用數(shù)字)
<table cellspacing=參數(shù)>...</table>指定格線與格線之間的距離(使用數(shù)字)
<table cols=參數(shù)>...</table>指定表格的欄數(shù)
<table frame=參數(shù)>...</table>設(shè)定表格外框線的顯示方式
<table width=寬度>...</table>指定表格的寬度大小(使用數(shù)字)
<table height=高度>...</table>指定表格的高度大小(使用數(shù)字)
<td colspan=參數(shù)>...</td>指定儲存格合併欄的欄數(shù)(使用數(shù)字)
<td rowspan=參數(shù)>...</td>指定儲存格合併列的列數(shù)(使用數(shù)字)
<!>分割視窗
<frameset cols="20%,*">左右分割,將左邊框架分割大小為20%右邊框架的大小瀏覽器會自動調(diào)整
<frameset rows="20%,*">上下分割,將上面框架分割大小為20%下面框架的大小瀏覽器會自動調(diào)整
<frameset cols="20%,*">分割左右兩個框架
<frameset cols="20%,*,20%">分割左中右三個框架
<分割上下兩個框架
<frameset rows="20%,*,20%">分割上中下三個框架
<! - - ... - -> 註解
<A HREF TARGET> 指定超連結(jié)的分割視窗
<A HREF=#錨的名稱> 指定錨名稱的超連結(jié)
<A HREF> 指定超連結(jié)
<A NAME=錨的名稱> 被連結(jié)點(diǎn)的名稱
<ADDRESS>....</ADDRESS> 用來顯示電子郵箱地址
<B> 粗體字
<BASE TARGET> 指定超連結(jié)的分割視窗
<BASEFONT SIZE> 更改預(yù)設(shè)字形大小
<BGSOUND SRC> 加入背景音樂
<BIG> 顯示大字體
<BLINK> 閃爍的文字
<BODY TEXT LINK VLINK> 設(shè)定文字顏色
<BODY> 顯示本文
<BR> 換行
<CAPTION ALIGN> 設(shè)定表格標(biāo)題位置
<CAPTION>...</CAPTION> 為表格加上標(biāo)題
<CENTER> 向中對齊
<CITE>...<CITE> 用於引經(jīng)據(jù)典的文字
<CODE>...</CODE> 用於列出一段程式碼
<COMMENT>...</COMMENT> 加上註解
<DD> 設(shè)定定義列表的項目解說
<DFN>...</DFN> 顯示"定義"文字
<DIR>...</DIR> 列表文字標(biāo)籤
<DL>...</DL> 設(shè)定定義列表的標(biāo)籤
<DT> 設(shè)定定義列表的項目
<EM> 強(qiáng)調(diào)之用
<FONT FACE> 任意指定所用的字形
<FONT SIZE> 設(shè)定字體大小
<form ACTION> 設(shè)定戶動式表單的處理方式
<form METHOD> 設(shè)定戶動式表單之資料傳送方式
<FRAME MARGINHEIGHT> 設(shè)定視窗的上下邊界
<FRAME MARGINWIDTH> 設(shè)定視窗的左右邊界
<FRAME NAME> 為分割視窗命名
<FRAME NORESIZE> 鎖住分割視窗的大小
<FRAME SCROLLING> 設(shè)定分割視窗的捲軸
<FRAME SRC> 將HTML檔加入視窗
<FRAMESET COLS> 將視窗分割成左右的子視窗
<FRAMESET ROWS> 將視窗分割成上下的子視窗
<FRAMESET>...</FRAMESET> 劃分分割視窗
<H1>~<H6> 設(shè)定文字大小
<HEAD> 標(biāo)示文件資訊
<HR> 加上分格線
<HTML> 文件的開始與結(jié)束
<I> 斜體字
<IMG ALIGN> 調(diào)整圖形影像的位置
<IMG ALT> 為你的圖形影像加註
<IMG DYNSRC LOOP> 加入影片
<IMG HEIGHT WIDTH> 插入圖片並預(yù)設(shè)圖形大小
<IMG HSPACE> 插入圖片並預(yù)設(shè)圖形的左右邊界
<IMG LOWSRC> 預(yù)載圖片功能
<IMG SRC BORDER> 設(shè)定圖片邊界
<IMG SRC> 插入圖片
<IMG VSPACE> 插入圖片並預(yù)設(shè)圖形的上下邊界
<INPUT TYPE NAME value> 在表單中加入輸入欄位
<ISINDEX> 定義查詢用表單
<KBD>...</KBD> 表示使用者輸入文字
<LI TYPE>...</LI> 列表的項目 ( 可指定符號 )
<MARQUEE> 跑馬燈效果
<MENU>...</MENU> 條列文字標(biāo)籤
<META NAME="REFRESH" CONTENT URL> 自動更新文件內(nèi)容
<MULTIPLE> 可同時選擇多項的列表欄
<NOFRAME> 定義不出現(xiàn)分割視窗的文字
<OL>...</OL> 有序號的列表
<OPTION> 定義表單中列表欄的項目
< ALIGN> 設(shè)定對齊方向
<P> 分段
<PERSON>...</PERSON> 顯示人名
<PRE> 使用原有排列
<SAMP>...</SAMP> 用於引用字
<SELECT>...</SELECT> 在表單中定義列表欄
<SMALL> 顯示小字體
<STRIKE> 文字加橫線
<STRONG> 用於加強(qiáng)語氣
<SUB> 下標(biāo)字
<SUP> 上標(biāo)字
<TABLE BORDER=n> 調(diào)整表格的寬線高度
<TABLE CELLPADDING> 調(diào)整資料欄位之邊界
<TABLE CELLSPACING> 調(diào)整表格線的寬度
<TABLE HEIGHT> 調(diào)整表格的高度
<TABLE WIDTH> 調(diào)整表格的寬度
<TABLE>...</TABLE> 產(chǎn)生表格的標(biāo)籤
<TD ALIGN> 調(diào)整表格欄位之左右對齊
<TD BGCOLOR> 設(shè)定表格欄位之背景顏色
<TD COLSPAN ROWSPAN> 表格欄位的合併
<TD NOWRAP> 設(shè)定表格欄位不換行
<TD VALIGN> 調(diào)整表格欄位之上下對齊
<TD WIDTH> 調(diào)整表格欄位寬度
<TD>...</TD> 定義表格的資料欄位
<TEXTAREA NAME ROWS COLS> 表單中加入多少列的文字輸入欄
<TEXTAREA WRAP> 決定文字輸入欄是自動否換行
<TH>...</TH> 定義表格的標(biāo)頭欄位
<title> 文件標(biāo)題
<TR>...</TR> 定義表格美一行
<TT> 打字機(jī)字體
<U> 文字加底線
<UL TYPE>...</UL> 無序號的列表 ( 可指定符號 )
<VAR>...</VAR> 用於顯示變數(shù)
|
|
|
