滚动字幕
滚动字幕能使页面生动活泼,增加视觉效果,被广泛应用于网页制作中
1、滚动字幕的标签
滚动字幕由标签<marquee>……</marquee>生成。
2、滚动字幕标签的属性
<marquee>标签有如下几个常用属性
(1).bgcolor,用于指定文字的背景色。
(2).derection,用于指定文字的移动方向,属性值有:left(向左)、right(向右)、up(向上)。
(3).behavior,指定文字移动方式。属性值有:scroll(绕着圈走)、slide(只走一次)、alternate(横向来回走)。
(4).loop,由于指定循环次数,若不指定循环次数,默认循环不止。
(5).scrollamount,用于指定文字移动速度。
例题:滚动字幕练习
<html>
<head><title>滚动字幕练习</title></head>
<body text="#ff0000">
<p><marquee bgcolor="#0000ff">默认滚动,背景为蓝色</marquee></p>
<p><marquee direction="left">从右往左滚动</marquee></p>
<p><marquee direction="right" behaviour="scroll">从左往右绕着圈滚动</marquee></p>
<p><marquee scrollamount="18">速度较快的滚动</marquee></p>
<p><marquee loop="3">循环3次即停止的滚动</marquee></p>
</body>
</html>
**************************************************
原样显示 分类: HTML
例题:原样显示练习
<html>
<head><title>原样显示练习</title></head>
<body>
<pre>
你的经验
你现在正在做的事
</pre>
</body>
</html>
***************************************************
用HTML处理CSS样式
1.创建自定义的CSS式
<style type="text/css">
<!--
·样式名1{样式名1的格式定义}
·样式名2{样式名2的格式定义}
………
-->
</style>
说明:"<!--"和"-->"是HTML的注释标签,浏览时位于"<!--"和"-->"之间的语句将不显示。
2.使用自定义样式
例题:自定义CSS样式练习
<html>
<head><title>自定义样式练习</title>
<style type="text/css">
<!--
.ys1{font-family:"黑体";font-style:italic;font-size:24px;color:#0000ff;}
-->
</style>
</head>
<body>
<p class="ys1">使用自定义样式</p>
</body>
</html>
***************************************************
用HTML插入声音
插入声音最简单的方法是链接声音文件,下面用一个例子来说明如何实现。
<html>
<head><title>插入声音练习</title></head>
<body>
<p>
<a href="cloud.mid">单击这里可以欣赏乐曲“白云”</a>
</p>
</body>
</html>
说明:
href="cloud.mid",链接了一个声音文件,若该文件不在当前目录,文件名前要加上文件的URL路径。
补充:也可以使用标签<bgsound src="声音文件URL">来插入背景音乐。
----------------------