泥鳅教你HTML（第七课）{HTML菜鸟必读}

泥鳅 · 发表于 2011-12-25 11:59:09

HTML 基本标记第七课

大家可以看到我们飘仙论坛的首页的这个位置！这里有文字的滚动效果！这是如何实现的勒？？？学习了本课内容后，你就觉得这个其实很简单！！

本课主要学习内容:

(1)文字的移动标记

一.移动标记

基本语法: <marquee>你要移动的内容</marquee>

它有常用的九种属性!

上机练习:

打开记事本:,写好HTML的基本语法如下:

<html>

<body>

这里就是网页的主体!!!

</body>

</html>

而我们其它所有的标记都必须写在 <body></body>的内面!

所以我们的<marquee>(移动标记)就应该放在<body>内面!

也就是代码如下:

<html>

<body>

<marquee>恭喜你中奖啦!!</marquee>

<marquee>成功打劫了500金币!</marquee>

</body>

</html>

这就是移动标记!! 可以使文字或者图片在页面产生移动效果! 大家自己动手试试!!

移动标记的九种属性设置:

一.移动的方向:

语法:

<marquee direcation=#>directon(方向) #=left,right,up(上),down(下).

大家想想,在一个页面中,文字的方向除了左,右,上,下移动.它还能发生什么情詋的移动?? 所以这个是很好理解的!

二,移动的方式:

语法:

< marquee behavior=#> behavior(行为,这里叫方式!)

它的属性:scroll(绕圈),slide(走一次),alternate(来回走)

三,循环移动

Loop (循环)

语法:

<marquee loop=#>你要移动的内容!</marquee> #=1,2,3,4……

Loop 还有一个属性:infinite(不停的循环)

四,移动速度

Scrollamount(速度)

语法:

<marquee scrollamount=#>你移动的内容</marquee>

#=1,2,3,4,5……..

五,移动的延时

Scrolldelay(延时)

语法:

<marquee scrolldelay=#>你移动的内容</marquee>

#=1,2,3,4,5………

六,对齐方式

#top,middle,bottom 对齐上沿,中间,下沿

七,底色

Bgcolor (背景颜色) #=red(红色),green绿色,yellow(**)等等

八,面积

<marquee width=#,height=#> width(长) height(宽)

众所周知面积等于长乘宽

#= 1,2,3,4,5,6………

九,空白

#=1,2,3,4,5…….

实战训练:

以下是关于移动标记这九种属性的综合练习:

<html>

<body>

<marquee direcation=right behavior=scroll loop=3 scrollamount=100 scrolldelay=500 align=top bgcolor=yellow width=100 height=90 >大家好,我是泥鳅!很高兴认识你们!</marquee>

</body>

</html>

以上代码,大家可以用记事本练习一下. 其中移动的九种属性 .大家自己可以尝试更改一下属性的值!

		自动登录	找回密码
密码			立即注册

[教程] 泥鳅教你HTML（第七课）{HTML菜鸟必读}

本帖子中包含更多资源

评分

站长推荐 /1