您好!欢迎您光临浅谈html代码运用4_迎客松B站!

体育

I

交友

I

论坛

I

会员注册

I

本站搜索

I

收藏本站

当前位置:首页 >>>网络课堂>>>HTML讲座>>>浅谈html代码运用4
浅谈html代码运用4
发表日期:2007/2/26 12:50:00 出处:未知 作者:未知 发布人:hsb345 已被访问 1465

 

 文字的处理

 

一、html代码:
1、基本语法:
《P align=center》《FONT color=#0066ff face=隶书 size=5》插入文字《/FONT》《/P》

2、属性如下:
align=center 表示字体居中,可选值为居右(right)居左(left)
color=颜色代码 
face=字体 
size=字体大小

3、效果:

相逢何必曾相识,缘聚缘散皆有缘


二、设置大字体的文字
1、基本语法:
《font style=font:30pt face=新宋体 color=#ff0000》插入文字《/font》

2、属性如下:
font:30pt 数值越大文字就越大

3、效果:
相逢何必曾相识,缘聚缘散皆有缘


三、设置可移动的文字:
1、上下左右移动:

基本语法:
《marquee direction=移动方向 scrollamount=移动速度数值》插入文字《/marquee》

属性如下:
direction=移动方向 可选值为向上(up) 向下(down) 向左(left) 向右(right)

效果:
向上: 相逢何必曾相识,缘聚缘散皆有缘

向下: 相逢何必曾相识,缘聚缘散皆有缘

向左: 相逢何必曾相识,缘聚缘散皆有缘

向右: 相逢何必曾相识,缘聚缘散皆有缘


2、设置不同移动效果的文字:

基本语法:
《marquee behavior=移动效果》插入文字《/marquee》

属性如下:
behavior=scroll 一圈一圈绕着走
behavior=slide 只走一次 
behavior=alternate 来回走

效果:

一圈一圈绕着走: 相逢何必曾相识,缘聚缘散皆有缘

只走一次: 相逢何必曾相识,缘聚缘散皆有缘

来回走: 相逢何必曾相识,缘聚缘散皆有缘


3、走走停停文字设置:

基本语法:
《marquee scrolldelay=500 scrollamount=100》插入文字《/marquee》

效果:

相逢何必曾相识,缘聚缘散皆有缘


四、设计不同特效的文字:

1、基本语法:
《CENTER》《FONT style="COLOR: #e4dc9b; FILTER: shadow(color=black); FONT-FAMILY: 华文彩云; FONT-SIZE: 30pt; LINE-HEIGHT: 150%; WIDTH: 100%"》《B》插入文字《/B》《/FONT》《/CENTER》

效果:

相逢何必曾相识,缘聚缘散皆有缘


2、基本语法:
《CENTER》《FONT style="COLOR: #e4dc9b; FILTER: glow(color=black); FONT-FAMILY: 华文彩云; FONT-SIZE: 30pt; LINE-HEIGHT: 150%; WIDTH: 100%"》《B》插入文字《/B》《/FONT》《/CENTER》

效果:

相逢何必曾相识,缘聚缘散皆有缘

3、基本语法:
《CENTER》《FONT color=#0099ff style="FILTER: blur(add=1, direction=40,strength=10); FONT-SIZE: 30px; FONT-WEIGHT: bolder; POSITION: relative; LINE-HEIGHT: 150%; WIDTH: 550px"》插入文字《/FONT》《/CENTER》

效果:

相逢何必曾相识,缘聚缘散皆有缘


4、基本语法:
《MARQUEE behavior=alternate direction=up height=150 scrollAmount=5》《MARQUEE behavior=altrnate scrollAmount=2 width=660 《IMG src="http://www.east128.com/bbs/UploadFile/2003-9/20039251018214901.gif"》《FONT color=red face=楷体_gb2312 size=6》插入文字《/FONT》《/MARQUEE》《/MARQUE》《/MARQUEE》

效果:
相逢何必曾相识,缘聚缘散皆有缘

5、基本语法:
《P align=center》《FONT color=#0096ff face=隶书 size=7》《MARQUEE height=50 width=350》插入文字《/FONT》《/MARQUEE》《FONT color=#0000ff face=隶书 size=7》《MARQUEE direction=right height=50 width=350》插入相反的文字《/MARQUEE》《/FONT》《/FONT》《/P》

提醒:在用这种效果时,文字移动范围的宽width的取值很重要,两段文字移动范转的width取值和一定要小于背景层width的取值。

效果:

相逢何必曾相识,缘聚缘散皆有缘 缘有皆散缘聚缘,识相曾必何逢相


6、基本语法:
《P align=center》《FONT style="BACKGROUND-COLOR: #0099ff" color=#00ffff size=6》插入文字《/FONT》《/P》

效果:

相逢何必曾相识,缘聚缘散皆有缘

7、基本语法:
《P align=center》《FONT style="FONT-SIZE:30pt;filter:alpha(opacity=100,style=1);WIDTH:100%; COLOR:red;LINE-HEIGHT:100%;FONT-FAMILY:华文行楷"》《B》插入文字《/B》《/FONT》《/P》

提醒:opacity属性:设置透明度,取值0至100之间的任意数值,100表示完全不透明;style属性:设置渐变风格,0表示均匀渐变,1表示线性渐变,2表示放射渐变,3表示直角渐变。而width:100%则表示参与渐变的对象的宽度,通常都设置为100%


效果:

相逢何必曾相识,缘聚缘散皆有缘

8、基本语法:
《P align=center》《FONT style="FONT-SIZE:30pt;filter:dropshadow(color=#0099ff,offX=5,offY=3,Positive=1);WIDTH:100%; COLOR:#ff6600;LINE-HEIGHT:150%;FONT-FAMILY:华文行楷"》《B》插入文字《/B》《/FONT》《/P》

效果:

相逢何必曾相识,缘聚缘散皆有缘

9、基本语法:
《FONT style="FONT-SIZE:30pt;filter:FlipV(color=silver);WIDTH:100%; COLOR:red;LINE-HEIGHT:150%;FONT-FAMILY:华文行楷"》《B》插入文字《/B》《/FONT》

效果:
相逢何必曾相识,缘聚缘散皆有缘

10、基本语法:
《p align=right》《FONT style="FONT-SIZE:30pt;filter:FlipH(color=silver);WIDTH:100%; COLOR:red;LINE-HEIGHT:150%;FONT-FAMILY:华文行楷"》《B》插入文字《/B》《/FONT》《/p》

效果:

相逢何必曾相识,缘聚缘散皆有缘

11、基本语法:
《FONT style="FONT-SIZE:30pt;filter:wave(add=0,lightstrength=50,strength=4,freq=3,phrase=20);WIDTH:100%; COLOR:red;LINE-HEIGHT:100%;FONT-FAMILY:华文行楷"》《B》插入文字《/B》《/FONT》

属性如下:
add:布尔型,0或1,0表示将原始对象加入最后效果中,1则反之;
freq:决定显示的频率,即应出现多少个波形;
phrase:决定波形的形状,值取0至360之间;
strength:决定波形的振幅


效果:
相逢何必曾相识,缘聚缘散皆有缘

12、基本语法:
《P align=center》《FONT style="FONT-SIZE: 35pt; FILTER: shadow(color=apar); WIDTH: 100%; COLOR: #00ff00; LINE-HEIGHT: 100%" face=汉鼎繁随意 size=4》插入文字《/FONT》《FONT style="FONT-SIZE: 35pt; FILTER: shadow(color=apar); WIDTH: 100%; COLOR: #ff00ff; LINE-HEIGHT: 100%; FONT-FAMILY: 汉鼎繁中变" size=4》《/FONT》《FONT color=#ff00ff》《/FONT》《/P》

效果:

相逢何必曾相识,

 

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

没有相关评论

 发表评论:

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

迎客松B站 | 设为首页 | 加入收藏 | 联系我们 | 进入管理 | 关于站长 | 本站搜索

联系电话: 联系人:翠柏

琼icp备09005167