注册 登录  
 加关注
查看详情
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

倾颜戏羽

倾舞人生幻如梦,颜寂萧瑟也枉然。戏影指尖轻拨弄,羽飘九天落凡尘……忘不掉妳。

 
 
 

日志

 
 

常用的HTML代码  

2010-01-30 02:05:25|  分类: ╠博客教程╣ |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
常用的HTML代码 - 倾颜戏羽 - 倾颜戏羽

常用的HTML代码

A.常用汉字代码:

宋体 黑体 楷体_GB2312 仿宋_GB2312 新宋体 幼圆 隶书
方正舒体 华文新魏 华文行楷 华文细黑 华文彩云 方正姚体

B.颜色的代码:

黑色=000000 白色=ffffff 红色=ff0000 绿色=00ff00
蓝色=0000ff 黄色=fff000 青色=00ffff 紫色=ff00ff

C.定位代码:

1.居中代码

<CENTER>绝对居中</CENTER>

效果: 

绝对居中
 

2.居中代码

<P align=center>我也居中</P>

效果:

我也居中

 

3.居左代码:

<P align=LEFT>向左对齐</P>

效果:

向左对齐

 

4.居右代码:

<P align=RIGHT>向右对齐</P>
效果:

向右对齐

 

D.文字的基本设置代码

<CENTER> <font style=font:20pt face=隶书 color=FFFF00>
输入内容</font></CENTER>

效果:

输入内容

E.贴图代码:

<img src="图片地址">
<P align=center><img src="图片地址"></P>
<P align=center><img src="图片地址" width=宽度 height=高度></P>

<P align=center><A href=链接地址 target=_blank><IMG src="图片地址" border=0></A></P>

F.用颜色做背景的边框代码及效果:

<CENTER>
<TABLE borderColor=#FF00FF height=200 cellSpacing=4 cellPadding=20 width=380 bgColor=#003366 border=8>
<TBODY>
<TR>
<TD>
这里添加文字
</TD></TR></TBODY></TABLE></CENTER>

 

G.用图片做背景的边框效果及代码:

代码:

<CENTER>
<TABLE borderColor=#ff00cc height=200 cellSpacing=3 cellPadding=0 width=380 background=背景图片地址 border=10>
<TBODY>
<TR>
<TD>
添加文字或图片
</TD></TR></TBODY></TABLE></CENTER>

 

H.立体边框代码及效果:

代码:

<CENTER>
<TABLE style="BORDER-LEFT-COLOR: #003366; BORDER-BOTTOM-COLOR: #003366; BORDER-TOP-STYLE: ridge; BORDER-TOP-COLOR: #003366; BORDER-RIGHT-STYLE: ridge; BORDER-LEFT-STYLE: ridge; BORDER-RIGHT-COLOR: #003366; BORDER-BOTTOM-STYLE: ridge" height=200 cellSpacing=3 cellPadding=0 width=380 border=14>
<TBODY>
<TR>
<TD>
添加文字或图片
</TD></TR></TBODY></TABLE></CENTER>

 

I.可以调图片大小的一组代码:

<P align=center><INPUT src="图片地址"type=image width=宽度></P>

J.羽化图片代码

1.羽化右边代码:

<CENTER><IMG style="FILTER: alpha(opacity=180,style=1)" height=173 src="图片地址" width=173 type="image"> </CENTER>

效果:

常用的HTML代码 - 倾颜戏羽 - 倾颜戏羽

 

2.圆形羽化代码:

<CENTER><IMG style="FILTER: alpha(opacity=180,style=2)" height=173 src="图片地址" width=173 type="image"> </CENTER>

效果:

常用的HTML代码 - 倾颜戏羽 - 倾颜戏羽

 

3. 方形羽化代码:

<CENTER><IMG style="FILTER: alpha(opacity=180,style=3)" height=173 src="图片地址" width=173 type="image"> </CENTER>

效果:

常用的HTML代码 - 倾颜戏羽 - 倾颜戏羽

K.贴Flash 图片代码:

<EMBED style="DISPLAY: block; MARGIN: 0px auto 10px; TEXT-ALIGN: center" pluginspage=http://www.macromedia.com/go/getflashplayer src=FLASH地址 width=300 height=200 type=application/x-shockwave-flash quality="high" wmode="transparent"></EMBED>

效果:

L.在一张图片上添加FLASH代码:

<TABLE borderColor=#0000FF cellSpacing=3 cellPadding=3 width=300 background=图片地址 border=8>
<TBODY>
<TR>
<TD>
<EMBED style="DISPLAY: block; MARGIN: 0px auto 10px; TEXT-ALIGN: center" pluginspage=http://www.macromedia.com/go/getflashplayer src=FLASH地址 width=300 height=200 type=application/x-shockwave-flash quality="high" wmode="transparent"></EMBED>
</TD></TR></TBODY></TABLE>

效果:

 

M.常用播放器代码

<embed src="音乐地址" type="audio/x-pn-realaudio-plugin" controls="controlpanel,statusbar" height=50 width=300 autostart="true" loop="true"></embed>

(高度height=和宽度width=设为0时,隐藏播放器。)

N.移动代码:

1.从右向左走代码:

<marquee direction=left scrollAmount=3 ><font style=font:25pt face=隶书 color=0000ff>从右向左走</marquee>


2.从左向右移代码:

<marquee direction=right scrollAmount=3 ><font style=font:25pt face=隶书 color=0000ff>从左向右移</marquee>


3.左右来回移动代码:

<marquee behavior=alternate scrollAmount=3 ><font style=font:25pt face=隶书 color=0000ff>左右来回移动</marquee>


4.从下向上滚动代码:

<marquee direction=up scrollAmount=3 ><font style=font:25pt face=隶书 color=0000ff>从下向上滚动</marquee>


5.从上向下滚动代码:

<marquee direction=down scrollAmount=3 ><font style=font:25pt face=隶书 color=0000ff>从上向下滚动</marquee>

O.文字链接代码:

<P align=center>

<A href=链接地址 target=_blank>

<STRONG><FONT face=隶书 color=#ff0000 size=5>链接名称</FONT></STRONG></P>

使用效果如:

倾颜戏羽博客欢迎您的光临与指导!

『快乐互动,精彩你我;创造喜悦,分享快乐!』

倾颜戏羽声明:引用请勿去掉与本文的链接,未经许可请不要随意篡改;转载须注明本文出处。

常用的HTML代码 - 倾颜戏羽 - 倾颜戏羽
  评论这张
 
阅读(76)| 评论(0)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2018