您好!欢迎您光临本站! 体育 I 论坛 I 交友 I

会员注册

I

本站搜索

I

收藏本站

当前位置:首页 >>>学习教材>>>HTML贴子特效>>>HTML 代码效果
HTML 代码效果
发表日期:2007/3/31 8:25:00 出处:转贴 作者:未知 发布人:nnwkl 已被访问 3828

大家看到的那些漂亮的贴图多是加了一些代码,这些代码就是HTML代码,一般来说你是不需要了解这些HTML代码的意义,但是,最简单的一些HTML代码是需要理解的,对调试特殊效果有帮助,这里提供一些基本的HTML代码解释和使用方法。

      打开发布新文章界面,然后在HTML格式栏内粘贴代码编辑你的贴子,完成后点击HTML按钮界面里的网页就变成代码了,再点击返回HTML模式,即变回正常网页。

     编写代码的时候,代码之间只能空一格,如果用了回车或是分行就会无法正常显示了。如果发表帖子后,出现:以下内容含脚本,或可能导致页面不正常的代码的提示,可以试运行代码,如果显示正常,那只要在修改编辑的时候,看看代码之间有没有多了、 <等 ,把这些都删除,就可以正常显示!

现在以这幅图片为例:以下代码都加在<TD>和</TD>


此主题相关图片如下:

按此在新窗口浏览图片

圆形朦胧

<TABLE style="FILTER: Alpha(opacity=100,style=2)" height=300 cellSpacing=0 cellPadding=0 width=500 align=center background=图片地址border=0><TBODY><TR><TD></TD></TR></TBODY></TABLE>

说明:蓝色标出的数值可以根据图片的大小和自己的需要修改。


方形朦胧

<TABLE style="FILTER: Alpha(opacity=100,style=3)" height=400 width=500 cellSpacing=0 cellPadding=0 width="100%" align=center background=图片地址 border=0><TBODY><TR><TD></TD></TR></TBODY></TABLE>

加滤镜1

<TABLE style="FILTER: blur(strength=100)" width=500 height=350 cellSpacing=0 cellPadding=0 align=center background=图片地址border=0><TBODY><TR><TD></TD></TR></TBODY></TABLE>

 

加滤镜2

<TABLE style="FILTER: gray" height=360 cellSpacing=0 cellPadding=0 width=500 align=center background=图片地址border=0>
<TBODY>
<TR>
<TD></TD></TR></TBODY></TABLE>

 

翻转效果(左,右)

<DIV align=center>
<DIV style="FILTER: flipH; WIDTH: 300px"><IMG src="图片地址"></DIV></DIV>
 
 

百叶窗效果

<TABLE cellSpacing=0 cellPadding=0 align=center border=0>
<TBODY>
<TR>
<TD style="FILTER: wave(add=true,freq=100,lightstrength=100,phase=4,strength=5)" width=500 background=图片地址 height=360></TD></TR></TBODY></TABLE>

 

双击自动滚屏 【打印本页】 【关闭窗口
 相关评论:

没有相关评论

 发表评论:

身份选择:会员 游客(游客不需要输入密码)
用 户 名: 密 码:
评论内容:
(最多评论字数:500)

兰幽空间 | 设为首页 | 加入收藏 | 联系我们 | 进入管理 | 关于站长 | 本站搜索

联系电话: 联系人:心梦、劳拉