首页 > 代码库 > 1.6 滚动<MARQUEE>标签

1.6 滚动<MARQUEE>标签

2024-07-08 20:06:04   227人阅读

使用<MARQUEE>标签不仅可以移动文字，还可以移动图片。

本节单词记忆：标签 1.marquee 属性 1.direction 2.scrolldelay

网页学习网提示：html语言非常简单，不需要逻辑理解，而绝大部分朋友觉得它难以掌握，90%的原因在于英语单词不过关，所以每节记忆几个单词是非常有必要的。

语法:

<MARQUEE  scrolldelay="100"  direction="up">
  滚动文字或图像
</MARQUEE>

其中，scrolldelay：表示滚动延迟时间，默认值为90ms。direction：表示滚动的方向，默认为从右向左。可以取下面4个值：up、down、left、right，使用direction属性来设置文字或图片的滚动方向。

示例1:

<HTML>
<HEAD>
<TITLE>滚动字幕</TITLE>
</HEAD>
<BODY>
   <MARQUEE scrolldelay ="100">水平滚动</MARQUEE>
   <MARQUEE scrolldelay ="300"  direction="up"  onm ouseover="this.stop()" onm ouseOut="this.start()">
      <A href="http://www.mamicode.com/#"><IMG src="http://www.mamicode.com/images/scroll/1.gif" border="0" align="middle"> Avon化妆品</A><BR>
      <A href="http://www.mamicode.com/#"><IMG src="http://www.mamicode.com/images/scroll/2.gif"  border="0" align="middle"> 雅诗兰黛 </A><BR>
  </MARQUEE>
</BODY>
</HTML>

示例1在浏览器中预览效果如图图片和字都会上下滚动。

本章重点

● HTML文档是包含标记标签的文本文件，这些标签告诉Web浏览器如何显示页面。

● <HTML>标签不区分大小写。

● <META>标签放置在网页的标题处，以提供关于页面的信息。如设置网页的编码语系等。

● <FONT>标签可改变字体大小、颜色和字体类型，<P>标签和<BR>标签可分别实现换段、换行。

● <IMG>标签可实现在网页中插入图片，并可通过align属性来调整图像相对于周围文本的对齐方式。

● 锚记<A>标签用于标识充当HTML文档中文本或图像的超级链接。href参数指定要链接的文件地址。

● <MARQUEE>标签用于在网页中实现文字、图片、表格等对象的滚动效果。

本章作业：

制作如下图网页。

html基础 MARQUEE 作业

注意事项：

1.下方的图片展示为上下滚动的。

网页学习网提示：光看教程是无法让你掌握HTML知识，最好是完成作业后才进入下一次教程，动起手来吧！

点击下载第一章案例及作业资源 返回《HTML入门经典》教程列表

编辑：网页学习网
本文地址:http://www.lodidance.com/html/jc/498.html


联系
我们