您现在的位置: 万盛学电脑网 >> 程序编程 >> 网页制作 >> Html5 >> 正文

html滚动标签教学教程

作者:佚名    责任编辑:admin    更新时间:2022-06-22

使用html滚动标签不仅可以移动文字,还可以移动图片。

本节单词记忆:标签 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"  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在浏览器中预览效果如图图片和字都会上下滚动。

本章重点

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

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

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

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

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

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

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

本章作业:

制作如下图网页。


html滚动标签


以上就是精品学习提供的关于html滚动标签的内容,希望能够带给您帮助。