打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
做音画贴时常用的一些代码含义及用法
基本标志
<html></html> 创建一个HTML文档
<head></head> 设置文档标题和其它在网页中不显示的信息
<body></body> 设置文档的主体部分

标题标志
<title></title>  将文档的题目放在浏览器的标题栏中
 
格式标志
<p></p> 创建一个段落
<p align="">  将段落按左、中、右对齐  
<br> 插入一个回车换行符
<blockquote></blockquote> 从两边缩进文本
<dl></dl> 定义列表
<dt> 放在每个定义术语词前
<dd> 放在每个定义之前
<ol></ol> 创建一个标有数字的列表
<ul></ul> 创建一个标有圆点的列表
<li> 放在每个列表项之前,若在<ol></ol>之间则每个列表项加上一个数字,若在<ul></ul>之间则每个列表项加上一个圆点      
<div align=""></div> 用来排版大块HTML段落,也用于格式化表

文档整体属性标志
<body bgcolor=""> 设置背景颜色。使用名字或RGB的十六进制值  
<body text=""> 设置文本颜色。使用名字或RGB的十六进制值
<body link=""> 设置链接颜色。使用名 字或RGB的十六进制值
<body vlink=""> 设置已使用的链接的颜色。使用名字或RGB的十六进制值    
<body alink=""> 设置正在被击中的链接的颜色。使用名字或RGB的十六进制值

文本标志
<pre></pre> 预先格式化文本
<h1></h1> 最大的标题
<h6></h6> 最小的标题
<b></b> 黑体字  
<i></i> 斜体字
<tt></tt> 打字机风格的字体
<cite></cite> 引用,通常是斜体
<em></em> 强调文本(通常是斜体加黑体)
<strong></strong> 加重文本(通常是斜体加黑体)
<font size=""></font> 设置字体大小,从1到7
<font color=""></font> 设置字体的颜色,使用名字或RGB的十六进制值

图像标志
<img src="name">
在HTML文档中嵌入一个图像
<img src="name" align=""> 排列对齐一个图像:左、中、右或上、中、下
<img src="name" border=""> 设置图像的边框的大小
<hr> 加入一条水平线
<hr size=""> 设置水平线的厚度
<hr width=""> 设置水平线的宽度。可以是百分比或绝对像素点
<hr noshade> 没有阴影的水平线


链接标志
<a href="URL"></a> 创建超文本链接
<a href="mailto:EMAIL">
</a> 创建自动发送电子邮件的链接
<a name="name"></a> 创建位于文档内部的书签
<a href="#name"></a>  创建指向位于文档内部书签的链接

表格标志
<table></table> 创建一个表格
<tr></tr> 表格中的每一行
<td></td> 表格中一行中的每一个格子
<th></th> 设置表格头:通常是黑体居中文字
<table border=""> 设置边框的宽度
<table cellspacing="">  设置表格格子之间空间的大小
<table cellpadding="">  设置表格格子边框与其内部内容之间空间的大小
<table width=""> 设置表格的宽度。用绝对像素值或总宽度的百分比  
<tr align=""> 设置表格格子的水平对齐方式(左中右)
<tr valign=""> 设置表格格子的垂直对齐方式(上中下)
<td colspan=""> 设置一个表格格子跨占的列数(缺省值为1)  
<td rowspan=""> 设置一个表格格子跨占的行数(缺省值为1)  
<td nowrap> 禁止表格格子内的内容自动断行

帧标志
frameset></frameset> 放在一个帧文档的<body>标签之前,也可以嵌在其他帧文档中 
<frameset rows="value,value"> 定义一个帧内的行数,可以使用绝对像素值或高度的百分比 
<frameset cols="value,value"> 定义一个帧内的列数,可以使用绝对像素值或宽度的百分比
<frame> 定义一个帧内的单一窗或窗区域 
<noframes></noframes>  定义在不支持帧的浏览器中显示什么提示
<frame src="URL"> 规定帧内显示的HTML文档
<frame name="name"> 命名帧或区域以便别的帧可以指向它
<frame marginwidth=""> 定义帧左右边缘的空白大小,必须大于等于1
<frame marginheight="">  定义帧上下边缘的空白大小,必须大于等于1
<frame scrolling=""> 设置帧是否有滚动栏,其值可以是"yes","no" 或"auto"
<frame noresize> 禁止用户调整一个帧的大小 

表单标志
<form></form> 创建表单
<select multiple name="name" size=""></select> 创建滚动菜单,size设置在需要滚动前可以看到的表单项数目
<option> 设置每个表单项的内容
<select name="name"></select> 创建下拉菜单
<option> 设置每个菜单项的内容
<textarea name="name" cols=40 rows=8></textarea> 创建一个文本框区域,列的数目设置宽度,行的数目设置高度
<input type="checkbox" name="name"> 创建一个复选框,文字在标签后面
<input type="radio" name="name" value=""> 创建一个单选框,文字在标志后面
<input type=text name="foo" size=20> 创建一个单行文本输入区域,size设置以字符串的宽度
<input type="submit" value="name"> 创建提交(submit)按钮
<input type="image" border=0 name="name" src="name.gif"> 创建一个使用图象的提交(submit)按钮
<input type="reset"> 创建重置(reset)按钮
音画发全屏贴的代码:

方法一:
<TABLE style="LEFT: -220px; WIDTH: 1000px; POSITION: relative; TOP: 250px" cellSpacing=0 cellPadding=10 width="100%"><TBODY><TR><TD width="100%"><DIV align=center>帖子内容</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>

注意:在代码结尾处请加几个换行代码<br>,以免高度不够而覆盖了编辑键。

另外:非空间贴发贴时在 URL识别和禁用 Smilies选框前打勾以免系统自动识别而导致帖子不能正常显示。

发全屏贴时编辑键被覆盖了可用下面的方法处理:
1、在你的帖子空白处点鼠标右键选择查看源文件

2、在弹出的文本里点顶部的编辑——查找,在查找内容里输入“编辑帖子”,点查找下一个

3、找到后复制该“编辑帖子”的链接地址(红色部分)

<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、用这段地址替换当前页面地址栏里
http://220.202.186.134/bbs2/后面的内容,然后回车就可以进入重新编辑了

5、重新编辑时请记住一定得多加几个换行代码<br>。

再有特别要注意发音画贴一定要前后的标志要配合起来用。。。。

HTML代码效果


边框:

1一层
<TABLE cellSpacing=15 cellPadding=0 width="100%" align=middle background=http://www.itsqq.com/bbs/UploadFile/2005-1/200517223722573.jpg border=0>
<TBODY>
<TR>
<TD>加入内容</TD></TR></TBODY></TABLE>
2.两层
<CENTER>
<TABLE cellSpacing=15 cellPadding=0 width="100%" align=middle background=http://www.itsqq.com/bbs/UploadFile/2005-1/200517223722573.jpg   border=0>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=15 cellPadding=0 width="100%" align=middle background=http://www.itsqq.com/bbs/UploadFile/2005-1/200517223722573.jpg border=0>
<TBODY>
<TR>
<TD>加入内容
</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
</CENTER>


三层代码:
<TABLE cellSpacing=15 cellPadding=0 width="100%" align=middle background=http://www.itsqq.com/bbs/UploadFile/2005-1/200517223722573.jpg   border=0>
<TBODY>
<TR>
<TD>第一层背景
<TABLE cellSpacing=15 cellPadding=0 width="100%" align=middle background=http://www.itsqq.com/bbs/UploadFile/2005-1/20051216324456.jpg border=0>
<TBODY>
<TR>
<TD>第二层背景
<TABLE cellSpacing=15 cellPadding=0 width="100%" align=middle background=http://www.itsqq.com/bbs/UploadFile/2005-1/20051216445729.jpg border=0>
<TBODY>
<TR>
<TD>第三层背景


你要发全屏的就添加以下代码:
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.xxjy.net/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.xxjy.net/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.xxjy.net/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.xxjy.net/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.xxjy.net/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.xxjy.net/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.2000y.net/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音乐的代码是:

这个代码是需要点击才可以播放的,适用于试听(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>内容</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>

视频点击播放

<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.2000y.com/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.16789.net/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.fshospital.org.cn/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.fshospital.org.cn/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="//homepage2.nifty.com/~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.nifty.com/~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.hpp888.net/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.hpp888.net/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.hpp888.net/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.hpp888.net/UploadFile/2005-1/2005122193656420.jpg height=364></TD></TR></TBODY></TABLE>

add=true 表示打乱对象;

Freq 参数指生成波纹的频率,也就是指定在对象上共需要产生多少个完整的波纹。

LightStrength 参数是为了使生成的波纹增强光的效果。参数值可以从0到100。    

Phase 参数用来设置正弦波开始的偏移量。这个值的通用值为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.hpp888.net/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.hpp888.net/UploadFile/2005-1/2005122193656420.jpg height=364></TD></TR></TBODY></TABLE>

7.FlipV滤镜:创建垂直镜像图片
<TABLE border=0>
<TBODY>
<TR>
<TD style="filter:FlipV" width=500background="http://www.hpp888.net/UploadFile/2005-1/2005122193656420.jpg" height=364></TD></TR></TBODY></TABLE>

8.Alpha滤镜:设置透明层次
左透明:
<TABLE border=0>
<TBODY>
<TR>
<TD style="FILTER: Alpha(Opacity=0,FinishOpacity=75,Style=2)" width=500 background="http://www.hpp888.net/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.hpp888.net/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.hpp888.net/UploadFile/2005-1/2005122193656420.jpg" height=364></TD></TR></TBODY></TABLE>

Opacity: 起始值,取值为0~100, 0为透明,100为原图。
FinishOpacity:目标值。
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.vicn.net/UploadFile/2004-7/20047301729519.gif height=300>
<
><B><EMBED align=right src=http://mouse520.51.net/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.e-yu.cn/fh/3/31.swf width=255 height=300 type=application/x-shockwave-flash quality="high" wmode="transparent"><EMBED align=right src=http://wanruo.jahee.com/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>你学会了吗</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.51.net/image/xiantiao/d/14.gif border=0 cellpading="0">
<TBODY>
<TR>
<TD>
<
align=center><IMG src=http://qslsc.2000y.net/112306/uploadpic/20041021154315693.gif></P></TD></TR></TBODY></TABLE></CENTER></MARQUEE></CENTER>

1.左右循环移动(更多的图片可以依此增加)
<MARQUEE behavior=alternate width="100%"><IMG src="图片连接地址"> <IMG src="图片连接地址">..........<*/MARQUEE>
2。向上移动(scrollamount=1.2.3??用来调整滚动速度 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.vigevano.net/pianzoline/fotoset04/set4_fondo1.jpg border=1> <TBODY> <TR> <TD> <MARQUEE width=850 height=200> <
align=center><IMG src="//bbs.xxjy.net/UploadFile/2005-5/20055131740711.jpg";;><IMG src="//bbs.xxjy.net/UploadFile/2005-5/200551317428361.jpg";;><IMG src="//bbs.xxjy.net/UploadFile/2005-5/2005513174344756.jpg";;></IMG ></CENTER></MARQUEE></TD></TR></TBODY></TABLE>


移动效果
http://tietu.znrsw.com/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>风对你的独白<BR>清晨、当你还在熟睡的梦乡,<BR>我就拂过你的脸庞,<BR>是一种期盼、是一点灵犀、更是一份想往,<BR>你能够感觉到吗?<BR>我在你的发梢拂动,<BR>在你的肩际拉动你的丝被,<BR>穿透你那敞开的<BR>衣领,<BR>泌入你那胸前的山谷,<BR>那一次次的拂动,也是我一次次的抚爱,<BR>当你出现在在都市的街头,<BR>就在此时此刻,在你那忙碌的身影下,<BR>在你那匆匆的脚步中,<BR>我正在你的发际旁,<BR>拉动着你的丝巾,多少次深情的回眸,<BR>多少次深情的飘洒,一次次永远的叮咛,<BR>也是我一次次的永远的期盼,<BR>你踏碎夕阳泼洒下来的晚霞,<BR>那些在天边逶迤的暮色中,<BR>我飘浮在你那能读懂却又似乎<BR>不太能读懂的眼神里,<BR>万千宠爱在你那两扇明亮的眼眶,<BR>你甜甜的又涩涩的,那么多的笑容,<BR>那么多的泪水,一切都在我的心中。<BR>夜,已经悄悄地来临,<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.ran.co.jp/Sozai/H1611143/008681.gif> </MARQUEE></MARQUEE>

7、随机变换效果的图片
如果你不想用上面的滚动效果的话,也可以试试这个随机转换特效:
   
<div id="ShowIMG" style="FILTER: revealTrans(transition=23,duration=0.7); width:150;
height:120"></div>
<SCRIPT language=Javascript>
var Num;
var Speed = 3000; //图片显示的时间,数字越大时间越久

//定义要显示的图片数组
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="第三张">'';

//随机显示第一张图片
today=new Date();
Seconds = today.getSeconds();
Num = Seconds % IMGArray.length;

function NextIMG(){
//设置转换滤镜为随机方式
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(); //执行效果转换
Timer = setTimeout("NextIMG()", Speed);
}

NextIMG();
</SCRIPT>   
怎么样,还不错吧?其实这个随机转换的特效修改一下用来做桌面的背景也不错哦,至于怎么改你就慢慢自己研究吧。

8:循环滚动的图片
我们知道,可以用 <marquee direction="up" scrollamount="1"
scrolldelay="50">要滚动的内容(如图片)</marquee>
语句来实现文字或图片的滚动。但滚动的内容会出现一段空白,也就是要等内容的尾部滚动完成后,头部再能再次出现。而这个特效就能让内容首尾相连的一直滚个不停。
    在要显示滚动内容的地方插入以下内容:
<DIV id=demo style="OVERFLOW: hidden; WIDTH: 160px; COLOR: #ffffff; HEIGHT: 240px">
  <DIV id=demo1>
    <center>
      <!--从这里开始换成你的内容-->
      <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="第三张">
      <!--内容结束-->
    </center>
  </DIV>
  <DIV id=demo2></DIV>
</DIV>
<SCRIPT Language="JavaScript">
demo2.innerHTML = demo1.innerHTML; //克隆demo1为demo2
var speed = 30; //滚动速度,数字越小速度越快

function Marquee(){
//内容滚动主函数
if(demo2.offsetTop-demo.scrollTop<=0){
//当滚动至demo1与demo2交界时
demo.scrollTop-=demo1.offsetHeight;  //demo跳到最顶端
}else{
demo.scrollTop++;
}
initialize();
}

function initialize(){
timer = setTimeout("Marquee()", speed);
}

function StopMarquee(){
clearInterval(timer);
//清除定时器达到滚动停止的目的
}
initialize();
demo.onmouseover=StopMarquee //鼠标移上时清除定时器达到滚动停止的目的
demo.onmouseout=initialize //鼠标移开时重设定时器

</SCRIPT>
本例充分利用了图层的样式(OVERFLOW:
hidden),即超出部分不显示,并利用了两个相同内容图层作为过渡,因此看上去就像首尾相连的内容一直在滚动一样。
文字特效代码


文字基本设制, 基本代码如下:

<
align=center><FONT color=#0066ff face=隶书 size=5>插入文字</FONT></P>

align=center 表示字体居中,可选值为居右(right)居左(left)

color=颜色代码 具体颜色代码可参照:颜色选取<<点击查看

face=字体 常用字体为:宋体.黑体.楷体.仿宋.幻缘.新宋体.细明体等

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>保护生态环境</B></FONT>

opacity属性:设置透明度,取值0至100之间的任意数值,100表示完全不透明;
style属性:设置渐变风格,0表示均匀渐变,1表示线性渐变,2表示放射渐变,3表示直角渐变。
而width:100%则表示参与渐变的对象的宽度,通常都设置为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>共创绿色家园</B></FONT>

ADD属性在运动模糊中,其值为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>共创绿色家园!</B></FONT>

color属性:设置影子文本的颜色;
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>共创绿色家园!</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>共创绿色家园!</B></FONT>

add属性:布尔型,0或1,0表示将原始对象加入最后效果中,1则反之;
freq属性:决定显示的频率,即应出现多少个波形;
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>共创绿色家园!</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.dabaoku.com/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>里设置文字透明,
第二层把背景颜色写成和网页背景颜色(红色代码)一致,以遮盖文字外的部分,
如果放到自己的帖里,把红色代码换成和自己帖一样的背景颜色或背景图(有图案的不行)就可。

背景代码:
http://tech.china.com/zh_cn/home ... ation/line/0154.gif
http://bbs.680.cn/UploadFile/2005-7/200579103213764.gif

23.把字放在框里不出去
<TABLE borderColorDark=#008060 cellPadding=2 width="100%" bgColor=#cccc00 borderColorLight=#008000 background=http://znrs.2000y.net/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>让字在框框里不出去,转来转去真好看也。。</STRONG></FONT></P></MARQUEE></TD></TR></TBODY></TABLE>
HTML 语言相关教程:



分享一些常用的HTML-小JM...

簡體:
<! - - ... - -> 注解
<!> 跑马灯
<marquee>...</marquee>普通卷动
<marquee behavior=slide>...</marquee>滑动
<marquee behavior=scroll>...</marquee>预设卷动
<marquee behavior=alternate>...</marquee>来回卷动
<marquee direction=down>...</marquee>向下卷动
<marquee direction=up>...</marquee>向上卷动
<marquee direction=right></marquee>向右卷动
<marquee direction=''left''></marquee>向左卷动
<marquee loop=2>...</marquee>卷动次数
<marquee width=180>...</marquee>设定宽度
<marquee height=30>...</marquee>设定高度
<marquee bgcolor=FF0000>...</marquee>设定背景颜色
<marquee scrollamount=30>...</marquee>设定卷动距离
<marquee scrolldelay=300>...</marquee>设定卷动时间
<!>字体效果
<h1>...</h1>标题字(最大)
<h6>...</h6>标题字(最小)
<b>...</b>粗体字
<strong>...</strong>粗体字(强调)
<i>...</i>斜体字
<em>...</em>斜体字(强调)
<dfn>...</dfn>斜体字(表示定义)
<u>...</u>底线
<ins>...</ins>底线(表示插入文字)
<strike>...</strike>横线
<s>...</s>删除线
<del>...</del>删除线(表示删除)
<kbd>...</kbd>键盘文字
<tt>...</tt> 打字体
<xmp>...</xmp>固定宽度字体(在文件中空白、换行、定位功能有效)
<plaintext>...</plaintext>固定宽度字体(不执行标记符号)
<listing>...</listing> 固定宽度小字体
<font color=00ff00>...</font>字体颜色
<font size=1>...</font>最小字体
<font style =''font-size:100 px''>...</font>无限增大
<!>区断标记
<hr>水平线
<hr size=''9''>水平线(设定大小)
<hr width=''80%''>水平线(设定宽度)
<hr color=''ff0000''>水平线(设定颜色)
<br>(换行)
<nobr>...</nobr>水域(不换行)
<p>...</p>水域(段落)
<center>...</center>置中
<!>连结格式
<base href=位址>(预设好连结路径)
<a href=位址></a>外部连结
<a href=位址 target=''_blank''></a>外部连结(另开新视窗)
<a href=位址 target=''_top''></a>外部连结(全视窗连结)
<a href=位址 target=''页框名''></a>外部连结(在指定页框连结)
<!>贴图/音乐
<img src=图片位址>贴图
<img src=图片位址 width=''180''>设定图片宽度
<img src=图片位址 height=''30''>设定图片高度
<img src=图片位址 alt=''提示文字''>设定图片提示文字
<img src=图片位址'' border=''1''>设定图片边框
<bgsound src=MID音乐档位址>背景音乐设定
<!>表格语法
<table aling=left>...</table>表格位置,置左
<table aling=center>...</table>表格位置,置中
<table background=图片路径>...</table>背景图片的URL=就是路径网址
<table border=边框大小>...</table>设定表格边框大小(使用数字)
<table bgcolor=颜色码>...</table>设定表格的背景颜色
<table borderclor=颜色码>...</table>设定表格边框的颜色
<table borderclordark=颜色码>...</table>设定表格暗边框的颜色
<table borderclorlight=颜色码>...</table>设定表格亮边框的颜色
<table cellpadding=参数>...</table>指定内容与格线之间的间距(使用数字)
<table cellspacing=参数>...</table>指定格线与格线之间的距离(使用数字)
<table cols=参数>...</table>指定表格的栏数
<table frame=参数>...</table>设定表格外框线的显示方式
<table width=宽度>...</table>指定表格的宽度大小(使用数字)
<table height=高度>...</table>指定表格的高度大小(使用数字)
<td colspan=参数>...</td>指定储存格合并栏的栏数(使用数字)
<td rowspan=参数>...</td>指定储存格合并列的列数(使用数字)
<!>分割视窗
<frameset cols="20%,*">左右分割,将左边框架分割大小为20%右边框架的大小浏览器会自动调整
<frameset rows="20%,*">上下分割,将上面框架分割大小为20%下面框架的大小浏览器会自动调整
<frameset cols="20%,*">分割左右两个框架
<frameset cols="20%,*,20%">分割左中右三个框架
<分割上下两个框架
<frameset rows="20%,*,20%">分割上中下三个框架
<! - - ... - -> 注解
<A HREF TARGET> 指定超连结的分割视窗
<A HREF=#锚的名称> 指定锚名称的超连结
<A HREF> 指定超连结
<A NAME=锚的名称> 被连结点的名称
<ADDRESS>....</ADDRESS> 用来显示电子邮箱地址
<B> 粗体字
<BASE TARGET> 指定超连结的分割视窗
<BASEFONT SIZE> 更改预设字形大小
<BGSOUND SRC> 加入背景音乐
<BIG> 显示大字体
<BLINK> 闪烁的文字
<BODY TEXT LINK VLINK> 设定文字颜色
<BODY> 显示本文
<BR> 换行
<CAPTION ALIGN> 设定表格标题位置
<CAPTION>...</CAPTION> 为表格加上标题
<CENTER> 向中对齐
<CITE>...<CITE> 用于引经据典的文字
<CODE>...</CODE> 用于列出一段程式码
<COMMENT>...</COMMENT> 加上注解
<DD> 设定定义列表的项目解说
<DFN>...</DFN> 显示"定义"文字
<DIR>...</DIR> 列表文字标签
<DL>...</DL> 设定定义列表的标签
<DT> 设定定义列表的项目
<EM> 强调之用
<FONT FACE> 任意指定所用的字形
<FONT SIZE> 设定字体大小
<form ACTION> 设定户动式表单的处理方式
<form METHOD> 设定户动式表单之资料传送方式
<FRAME MARGINHEIGHT> 设定视窗的上下边界
<FRAME MARGINWIDTH> 设定视窗的左右边界
<FRAME NAME> 为分割视窗命名
<FRAME NORESIZE> 锁住分割视窗的大小
<FRAME SCROLLING> 设定分割视窗的卷轴
<FRAME SRC> 将HTML档加入视窗
<FRAMESET COLS> 将视窗分割成左右的子视窗
<FRAMESET ROWS> 将视窗分割成上下的子视窗
<FRAMESET>...</FRAMESET> 划分分割视窗
<H1>~<H6> 设定文字大小
<HEAD> 标示文件资讯
<HR> 加上分格线
<HTML> 文件的开始与结束
<I> 斜体字
<IMG ALIGN> 调整图形影像的位置
<IMG ALT> 为你的图形影像加注
<IMG DYNSRC LOOP> 加入影片
<IMG HEIGHT WIDTH> 插入图片并预设图形大小
<IMG HSPACE> 插入图片并预设图形的左右边界
<IMG LOWSRC> 预载图片功能
<IMG SRC BORDER> 设定图片边界
<IMG SRC> 插入图片
<IMG VSPACE> 插入图片并预设图形的上下边界
<INPUT TYPE NAME value> 在表单中加入输入栏位
<ISINDEX> 定义查询用表单
<KBD>...</KBD> 表示使用者输入文字
<LI TYPE>...</LI> 列表的项目 ( 可指定符号 )
<MARQUEE> 跑马灯效果
<MENU>...</MENU> 条列文字标签
<META NAME="REFRESH" CONTENT URL> 自动更新文件内容
<MULTIPLE> 可同时选择多项的列表栏
<NOFRAME> 定义不出现分割视窗的文字
<OL>...</OL> 有序号的列表
<OPTION> 定义表单中列表栏的项目
<
ALIGN> 设定对齐方向
<
> 分段
<
ERSON>...</PERSON> 显示人名
<
RE> 使用原有排列
<SAMP>...</SAMP> 用于引用字
<SELECT>...</SELECT> 在表单中定义列表栏
<SMALL> 显示小字体
<STRIKE> 文字加横线
<STRONG> 用于加强语气
<SUB> 下标字
<SUP> 上标字
<TABLE BORDER=n> 调整表格的宽线高度
<TABLE CELLPADDING> 调整资料栏位之边界
<TABLE CELLSPACING> 调整表格线的宽度
<TABLE HEIGHT> 调整表格的高度
<TABLE WIDTH> 调整表格的宽度
<TABLE>...</TABLE> 产生表格的标签
<TD ALIGN> 调整表格栏位之左右对齐
<TD BGCOLOR> 设定表格栏位之背景颜色
<TD COLSPAN ROWSPAN> 表格栏位的合并
<TD NOWRAP> 设定表格栏位不换行
<TD VALIGN> 调整表格栏位之上下对齐
<TD WIDTH> 调整表格栏位宽度
<TD>...</TD> 定义表格的资料栏位
<TEXTAREA NAME ROWS COLS> 表单中加入多少列的文字输入栏
<TEXTAREA WRAP> 决定文字输入栏是自动否换行
<TH>...</TH> 定义表格的标头栏位
<title> 文件标题
<TR>...</TR> 定义表格美一行
<TT> 打字机字体
<U> 文字加底线
<UL TYPE>...</UL> 无序号的列表 ( 可指定符号 )
<VAR>...</VAR> 用于显示变数
繁體:
<! - - ... - -> 註解
<!> 跑馬燈
<marquee>...</marquee>普通捲動
<marquee behavior=slide>...</marquee>滑動
<marquee behavior=scroll>...</marquee>預設捲動
<marquee behavior=alternate>...</marquee>來回捲動
<marquee direction=down>...</marquee>向下捲動
<marquee direction=up>...</marquee>向上捲動
<marquee direction=right></marquee>向右捲動
<marquee direction=''left''></marquee>向左捲動
<marquee loop=2>...</marquee>捲動次數
<marquee width=180>...</marquee>設定寬度
<marquee height=30>...</marquee>設定高度
<marquee bgcolor=FF0000>...</marquee>設定背景顏色
<marquee scrollamount=30>...</marquee>設定捲動距離
<marquee scrolldelay=300>...</marquee>設定捲動時間
<!>字體效果
<h1>...</h1>標題字(最大)
<h6>...</h6>標題字(最小)
<b>...</b>粗體字
<strong>...</strong>粗體字(強調)
<i>...</i>斜體字
<em>...</em>斜體字(強調)
<dfn>...</dfn>斜體字(表示定義)
<u>...</u>底線
<ins>...</ins>底線(表示插入文字)
<strike>...</strike>橫線
<s>...</s>刪除線
<del>...</del>刪除線(表示刪除)
<kbd>...</kbd>鍵盤文字
<tt>...</tt> 打字體
<xmp>...</xmp>固定寬度字體(在文件中空白、換行、定位功能有效)
<plaintext>...</plaintext>固定寬度字體(不執行標記符號)
<listing>...</listing> 固定寬度小字體
<font color=00ff00>...</font>字體顏色
<font size=1>...</font>最小字體
<font style =''font-size:100 px''>...</font>無限增大
<!>區斷標記
<hr>水平線
<hr size=''9''>水平線(設定大小)
<hr width=''80%''>水平線(設定寬度)
<hr color=''ff0000''>水平線(設定顏色)
<br>(換行)
<nobr>...</nobr>水域(不換行)
<p>...</p>水域(段落)
<center>...</center>置中
<!>連結格式
<base href=位址>(預設好連結路徑)
<a href=位址></a>外部連結
<a href=位址 target=''_blank''></a>外部連結(另開新視窗)
<a href=位址 target=''_top''></a>外部連結(全視窗連結)
<a href=位址 target=''頁框名''></a>外部連結(在指定頁框連結)
<!>貼圖/音樂
<img src=圖片位址>貼圖
<img src=圖片位址 width=''180''>設定圖片寬度
<img src=圖片位址 height=''30''>設定圖片高度
<img src=圖片位址 alt=''提示文字''>設定圖片提示文字
<img src=圖片位址'' border=''1''>設定圖片邊框
<bgsound src=MID音樂檔位址>背景音樂設定
<!>表格語法
<table aling=left>...</table>表格位置,置左
<table aling=center>...</table>表格位置,置中
<table background=圖片路徑>...</table>背景圖片的URL=就是路徑網址
<table border=邊框大小>...</table>設定表格邊框大小(使用數字)
<table bgcolor=顏色碼>...</table>設定表格的背景顏色
<table borderclor=顏色碼>...</table>設定表格邊框的顏色
<table borderclordark=顏色碼>...</table>設定表格暗邊框的顏色
<table borderclorlight=顏色碼>...</table>設定表格亮邊框的顏色
<table cellpadding=參數>...</table>指定內容與格線之間的間距(使用數字)
<table cellspacing=參數>...</table>指定格線與格線之間的距離(使用數字)
<table cols=參數>...</table>指定表格的欄數
<table frame=參數>...</table>設定表格外框線的顯示方式
<table width=寬度>...</table>指定表格的寬度大小(使用數字)
<table height=高度>...</table>指定表格的高度大小(使用數字)
<td colspan=參數>...</td>指定儲存格合併欄的欄數(使用數字)
<td rowspan=參數>...</td>指定儲存格合併列的列數(使用數字)
<!>分割視窗
<frameset cols="20%,*">左右分割,將左邊框架分割大小為20%右邊框架的大小瀏覽器會自動調整
<frameset rows="20%,*">上下分割,將上面框架分割大小為20%下面框架的大小瀏覽器會自動調整
<frameset cols="20%,*">分割左右兩個框架
<frameset cols="20%,*,20%">分割左中右三個框架
<分割上下兩個框架
<frameset rows="20%,*,20%">分割上中下三個框架
<! - - ... - -> 註解
<A HREF TARGET> 指定超連結的分割視窗
<A HREF=#錨的名稱> 指定錨名稱的超連結
<A HREF> 指定超連結
<A NAME=錨的名稱> 被連結點的名稱
<ADDRESS>....</ADDRESS> 用來顯示電子郵箱地址
<B> 粗體字
<BASE TARGET> 指定超連結的分割視窗
<BASEFONT SIZE> 更改預設字形大小
<BGSOUND SRC> 加入背景音樂
<BIG> 顯示大字體
<BLINK> 閃爍的文字
<BODY TEXT LINK VLINK> 設定文字顏色
<BODY> 顯示本文
<BR> 換行
<CAPTION ALIGN> 設定表格標題位置
<CAPTION>...</CAPTION> 為表格加上標題
<CENTER> 向中對齊
<CITE>...<CITE> 用於引經據典的文字
<CODE>...</CODE> 用於列出一段程式碼
<COMMENT>...</COMMENT> 加上註解
<DD> 設定定義列表的項目解說
<DFN>...</DFN> 顯示"定義"文字
<DIR>...</DIR> 列表文字標籤
<DL>...</DL> 設定定義列表的標籤
<DT> 設定定義列表的項目
<EM> 強調之用
<FONT FACE> 任意指定所用的字形
<FONT SIZE> 設定字體大小
<form ACTION> 設定戶動式表單的處理方式
<form METHOD> 設定戶動式表單之資料傳送方式
<FRAME MARGINHEIGHT> 設定視窗的上下邊界
<FRAME MARGINWIDTH> 設定視窗的左右邊界
<FRAME NAME> 為分割視窗命名
<FRAME NORESIZE> 鎖住分割視窗的大小
<FRAME SCROLLING> 設定分割視窗的捲軸
<FRAME SRC> 將HTML檔加入視窗
<FRAMESET COLS> 將視窗分割成左右的子視窗
<FRAMESET ROWS> 將視窗分割成上下的子視窗
<FRAMESET>...</FRAMESET> 劃分分割視窗
<H1>~<H6> 設定文字大小
<HEAD> 標示文件資訊
<HR> 加上分格線
<HTML> 文件的開始與結束
<I> 斜體字
<IMG ALIGN> 調整圖形影像的位置
<IMG ALT> 為你的圖形影像加註
<IMG DYNSRC LOOP> 加入影片
<IMG HEIGHT WIDTH> 插入圖片並預設圖形大小
<IMG HSPACE> 插入圖片並預設圖形的左右邊界
<IMG LOWSRC> 預載圖片功能
<IMG SRC BORDER> 設定圖片邊界
<IMG SRC> 插入圖片
<IMG VSPACE> 插入圖片並預設圖形的上下邊界
<INPUT TYPE NAME value> 在表單中加入輸入欄位
<ISINDEX> 定義查詢用表單
<KBD>...</KBD> 表示使用者輸入文字
<LI TYPE>...</LI> 列表的項目 ( 可指定符號 )
<MARQUEE> 跑馬燈效果
<MENU>...</MENU> 條列文字標籤
<META NAME="REFRESH" CONTENT URL> 自動更新文件內容
<MULTIPLE> 可同時選擇多項的列表欄
<NOFRAME> 定義不出現分割視窗的文字
<OL>...</OL> 有序號的列表
<OPTION> 定義表單中列表欄的項目
<
ALIGN> 設定對齊方向
<P> 分段
<PERSON>...</PERSON> 顯示人名
<PRE> 使用原有排列
<SAMP>...</SAMP> 用於引用字
<SELECT>...</SELECT> 在表單中定義列表欄
<SMALL> 顯示小字體
<STRIKE> 文字加橫線
<STRONG> 用於加強語氣
<SUB> 下標字
<SUP> 上標字
<TABLE BORDER=n> 調整表格的寬線高度
<TABLE CELLPADDING> 調整資料欄位之邊界
<TABLE CELLSPACING> 調整表格線的寬度
<TABLE HEIGHT> 調整表格的高度
<TABLE WIDTH> 調整表格的寬度
<TABLE>...</TABLE> 產生表格的標籤
<TD ALIGN> 調整表格欄位之左右對齊
<TD BGCOLOR> 設定表格欄位之背景顏色
<TD COLSPAN ROWSPAN> 表格欄位的合併
<TD NOWRAP> 設定表格欄位不換行
<TD VALIGN> 調整表格欄位之上下對齊
<TD WIDTH> 調整表格欄位寬度
<TD>...</TD> 定義表格的資料欄位
<TEXTAREA NAME ROWS COLS> 表單中加入多少列的文字輸入欄
<TEXTAREA WRAP> 決定文字輸入欄是自動否換行
<TH>...</TH> 定義表格的標頭欄位
<title> 文件標題
<TR>...</TR> 定義表格美一行
<TT> 打字機字體
<U> 文字加底線
<UL TYPE>...</UL> 無序號的列表 ( 可指定符號 )
<VAR>...</VAR> 用於顯示變數
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
博客音画常用代码集锦
【制作代码】音画制作代码集
音画制作代码集(二)
游子教你做音画贴
图片+文字飘动+flah+滚动条+播放器+特效代码
特效字代码
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服