HTML的滚动<MARQUEE>标签
使用<MARQUEE>标签不仅可以移动文字,还可以移动图片。 本节单词记忆:标签 1.marquee 属性 1.direction 2.scrolldelay 网页学习网提示:html语言非常简单,不需要逻辑理解,而绝大部分朋友觉得它难以掌握,90%的原因在于英语单词不过关,所以每节记忆几个单词是非常有必要的。 语法: <MARQUEE scrolldelay="100" direction="up"> 滚动文字或图像 </MARQUEE> 其中,scrolldelay:表示滚动延迟时间,默认值为90ms。direction:表示滚动的方向,默认为从右向左。可以取下面4个值:up、down、left、right,使用direction属性来设置文字或图片的滚动方向。 html滚动效果代码示例1: <HTML> <HEAD> <TITLE>滚动字幕</TITLE> </HEAD> <BODY> <MARQUEE scrolldelay ="100">水平滚动</MARQUEE> <MARQUEE scrolldelay ="300" direction="up" onmouseover="this.stop()" onMouseOut="this.start()"> <A href="#"><IMG src="images/scroll/1.gif" border="0" align="middle"> Avon化妆品</A><BR> <A href="#"><IMG src="images/scroll/2.gif" border="0" align="middle"> 雅诗兰黛 </A><BR> </MARQUEE> </BODY> </HTML> 示例1在浏览器中预览效果如图图片和字都会上下滚动。WANGYEXX.COM 本章重点 ● HTML文档是包含标记标签的文本文件,这些标签告诉Web浏览器如何显示页面。 ● <HTML>标签不区分大小写。 ● <META>标签放置在网页的标题处,以提供关于页面的信息。如设置网页的编码语系等。 ● <FONT>标签可改变字体大小、颜和字体类型,<P>标签和<BR>标签可分别实现换段、换行。 ● <IMG>标签可实现在网页中插入图片,并可通过align属性来调整图像相对于周围文本的对齐方式。 ● 锚记<A>标签用于标识充当HTML文档中文本或图像的超级链接。href参数指定要链接的文件地址。 ● <MARQUEE>标签用于在网页中实现文字、图片、表格等对象的滚动效果。 本章作业: 制作如下图网页。 注意事项: 1.下方的图片展示为上下滚动的。 网页学习网提示:光看教程是无法让你掌握HTML知识,最好是完成作业后才进入下一次教程,动起手来吧! 点击下载第一章案例及作业资源 返回《HTML入门经典》教程列表 |
转载请注明本文地址:www.wangyexx/html/jc/498.html |
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论