• ----:)欢迎访问源码网(:----
    • 首页
    • 博客
    • 学院
    • 下载
    • 论坛
    • 影视
    • 发布源码
    • RSS
    • ITPig
    • 笑话网
    • 百家姓
    • 繁體中文

源码网 - 中国第一源码门户
选择镜像:网通镜像 - 电信主站
  • 首 页
  • 新闻动态
  • 网站运营
  • 网页制作
  • WEB开发
  • 编程开发
  • 图像媒体
  • 操作系统
  • 数据库
  • 服务器
热门搜索 优化 SEO 故事 cms IIS7 MySQL 个人 AdSense 主题推广 | 文章搜索: 高级搜索
会员登录/控制面版您的位置: 学院首页 >> 网页制作 >> HTML学习 >> 详细内容
 

推荐文章

 
 

热点文章

  • 页面跳转代码
  • 符合XHTML标准的漂浮广告代码(浮动广告代码)
  • 网页自动刷新代码
  • 超简单的相册视频程序发布!只要是空间都能用
  • 修改IE浏览器滚动条样式的一个实例
  • 深入浅出 HTML制作网页体验其中乐趣
  • 小技巧:网页自动转向代码
  • 也谈谈DIV+CSS的牛角尖
  • HTML教程:网页刷新方法集合
  • 驳《也谈谈DIV+CSS的牛角尖》
  • innerHTML在Firefox和Opera下的执行特例
  • 对Web页面元素的绝对唯一引用方法
 
 

相关文章

 
 

百度搜索

 
 

HTML代码初级知识

  • 阅览次数:
  • 文章来源: http://www.zhangtao.org.cn/blog/article.asp?id=5
  • 原文作者:
  • 整理日期: 2008-07-25
  • 发表评论
  • 字体大小:
  • 小
  • 中
  • 大

插入代码必须在转为HTML状态后才可进行

文字特效代码:

1.     <marquee>...</marquee>普通卷动
2.     <marquee behavior=slide>...</marquee>滑动
3.     <marquee behavior=scroll>...</marquee>预设卷动
4.     <marquee behavior=alternate>...</marquee>来回卷动
5.     <marquee direction=down>...</marquee>向下卷动
6.     <marquee direction=up>...</marquee>向上卷动
7.     <marquee direction=right></marquee>向右卷动
8.     <marquee direction='left'></marquee>向左卷动
9.     <marquee loop=2>...</marquee>卷动次数
10.   <marquee width=180>...</marquee>设定宽度
11.   <marquee height=30>...</marquee>设定高度
12.   <marquee bgcolor=FF0000>...</marquee>设定背景颜色
13.   <marquee scrollamount=30>...</marquee>设定卷动距离
14.   <marquee scrolldelay=300>...</marquee>设定卷动时间

滚动字代码
1.建立第一个滚动字幕。代码:
<marquee width="300" height="100" direction="right" behavior="alternate" scrollamount="6" scrolldelay="88">张涛!</marquee>

2.各参数详解:
a)scrollAmount。它表示速度,值越大速度越快。如果没有它,默认为6,建议设为1~3比较好。
b)width和height,表示滚动区域的大小,width是宽度,height是高度。特别是在做垂直滚动的时候,一定要设height的值。
c)direction。表示滚动的方向,默认为从右向左:←←←。可选的值有right、down、up。滚动方向分别为:right表示→→→,up表示↑,down表示↓。
d)scrollDelay,这也是用来控制速度的,默认为90,值越大,速度越慢。通常scrollDelay是不需要设置的。
e)behavior。用它来控制属性,默认为循环滚动,可选的值有alternate(交替滚动)、slide(幻灯片效果,指的是滚动一次,然后停止滚动)

3.实例:
a)如何给滚动字幕加超链接?这跟平时的超链接是完全一样的。只要在文字外面加上<a href=***>和</a>就可以了。代码是:
<marquee scrollAmount=2 width=300><a href=http://www.hi.baidu.com/ztservice>张涛的百度空间</a></marquee>
b)当鼠标停留在文字上,文字停止滚动代码:
<marquee scrollAmount=2 width=300&****;**mouseover=stop()&****;**mouseout=start()>张涛的百度空间</marquee>
c)交替效果。代码如:
<marquee scrollAmount=2 width=150 behavior=alternate>张涛的百度空间</marquee>
d)多行文本向上滚动。代码如:
<marquee scrollAmount=2 width=300 height=50 direction=up>·早晨好啊!<br>·空气好清新啊<br><a href=http://www.hi.baidu.com/ztservice>张涛的百度空间</a></marquee>
e)改变滚动字幕的颜色?可以用样式表来控制。代码是:
<marquee scrollAmount=2 width=300><a style=color:CC6600>56地盘</a></marquee>


修改文字的字体/颜色/大小代码
只修改字的颜色:<font color=#ff0000>要修改字体和颜色的字</font>color用来设置文字的颜色。好看的字体颜色有:#ff1493 #228b22 #4169e1 #9400d3 #ff0000 #daa520 #00ccff #ccccff #cc99ff #993399


只修改字的大小:<font size=5>要修改字体和颜色的字</font>
size用来设置文字的大小。 数字的取值范围从1-7,size取1时最小,取7时最大。


只修改字的字体:
<font face=华文行楷>要修改字体和颜色的字</font>
face用来设置字体。如黑体、宋体、楷体_GB2312、仿宋_2312等等。


同时修改字的字体,大小,颜色:
<font face=华文行楷 size=5 color=#ff0000>要修改的文字</font>
其中,<font size=数字 face=字体名 color=颜色>要修改的文字</font>


插入艺术字代码
发光文字代码:<table style="FILTER: glow color=#6699FF,direction=2)"><font color=#ffffff size=2>要修改的文字</font></table>其中color是阴影的颜色,可以配合网页色调改变,direction是设置阴影的强度,font color是原字体的颜色。


浮雕的文字:<table style="FILTER: dropshadow(color=#6699FF, offx=1, offy=1, positive=1);"><font color=#ffffff>要修改的文字</font></table>
其中color是阴影的颜色,可以配合网页色调改变,positive是设置阴影的强度,offx和offy是设置的阴影和文字的距离,font color是原字体的颜色。


阴影的文字:
<table style="FILTER: dropshadow(color=#cccccc, offx=2, offy=2, positive=2);"><font color=#6CABE7 size=2>要修改的文字</font></table>
<table style="Filter:Shadow(color=#ff0000,direction=45)">要设置的文字</table>

标语代码
<CENTER><FONT style="COLOR: #e4dc9b; FILTER: shadow(color=black); FONT-FAMILY: 华文彩云; FONT-SIZE: 30pt; LINE-HEIGHT: 150%; WIDTH: 100%"><B>要设置的文字</B></FONT></CENTER>

莹光字代码
</textarea><table style="FILTER: glow(color=发光背景颜色代码,direction=2)"><font color=发光字体颜色代码 size=2>要设置的文字</font></table>

跳动文字代码
<MARQUEE behavior=alternate direction=up height=98 scrollAmount=5>
<MARQUEE behavior=altrnate scrollAmount=2 width=460>
<FONT color=red face=楷体_gb2312 size=7>要设置的文字</FONT>
</MARQUEE></MARQUE>

3D文字效果
<style type="text/css">  
.3dfont { FILTER: glow(color=ffffff,strength=0) shadow(color=cccccc,direction:135); ; WIDTH: 100% }  
</style>  
<table border="0" width="100%">  
<tr>  
<td width="100%" ><font color="#008040">要设置的文字</font>

在图片上加字的代码

<TABLE height=450 cellSpacing=10 cellPadding=10 width=600 background=图片地址 border=0>
<TBODY>
<TR>
<TD>

注:输入代码后切换至编辑状态,在编辑状态下打字)

让图片中文字向上移动的代码
<TABLE height=330 width=450 background=图片地址 border=0>
<TBODY>
<TR>
<TD align=middle>
<MARQUEE scrollAmount=2 direction=up height=200>
<CENTER><FONT style="FONT-SIZE: 32pt" face=华文新魏 color=red><B>你想要动起来的字</B> </FONT></CENTER></MARQUEE></TD></TR></TOBDY></TBODY></TABLE>
<CENTER></CENTER>

上一篇:PHP使用zlib扩展实现页面GZIP压缩输出
下一篇:构建支持Master/Slave读写分离的数据库操作类
  • 网友评论:
  • 查看所有评论
  • 我要发表评论
您的网名:
留言主题:
你要发表的内容:

 

关于本站 | 广告联系 | 版权声明 | 网站地图 | 发布软件 | 帮助中心 | 源码论坛

Copyright © 2005-2007 CodePub.Com  程序支持:木翼  滇ICP备05005971号