滚动字幕 原样显示 用HTML处理CSS样式 插入声音

滚动字幕  分类: HTML 
滚动字幕能使页面生动活泼,增加视觉效果,被广泛应用于网页制作中
1、滚动字幕的标签
滚动字幕由标签……生成。

2、滚动字幕标签的属性
标签有如下几个常用属性
(1).bgcolor,用于指定文字的背景色。
(2).derection,用于指定文字的移动方向,属性值有:left(向左)、right(向右)、up(向上)。
(3).behavior,指定文字移动方式。属性值有:scroll(绕着圈走)、slide(只走一次)、alternate(横向来回走)。
(4).loop,由于指定循环次数,若不指定循环次数,默认循环不止。
(5).scrollamount,用于指定文字移动速度。
例题:滚动字幕练习

滚动字幕练习

默认滚动,背景为蓝色


从右往左滚动


从左往右绕着圈滚动


速度较快的滚动


循环3次即停止的滚动



**************************************************

原样显示 分类: HTML 
    HTML在没有标签定义的情况下一般忽略文本中的空白和换行,如果想按照输入的原始样子显示文本,可以使用

标签。举例如下:
例题:原样显示练习

原样显示练习


        年轻的妙处   在于
你的经验
      不足以让你知道
                    你不能做
你现在正在做的事


 

***************************************************
用HTML处理CSS样式    分类: HTML 
1.创建自定义的CSS式
    自定义的CSS样式通常在HTML文档的头部,样式代码由标签
说明:""是HTML的注释标签,浏览时位于""之间的语句将不显示。

2.使用自定义样式
    使用自定义样式的常用方法为:

………

,下面用一个例子来说明在HTML文档中如何定义和使用自定义的CSS样式。
例题:自定义CSS样式练习

自定义样式练习



使用自定义样式



 

***************************************************

用HTML插入声音    分类: HTML 
插入声音最简单的方法是链接声音文件,下面用一个例子来说明如何实现。

插入声音练习


单击这里可以欣赏乐曲“白云”




说明:
href="cloud.mid",链接了一个声音文件,若该文件不在当前目录,文件名前要加上文件的URL路径。
补充:也可以使用标签来插入背景音乐。
----------------------

你可能感兴趣的:(HTML,滚动字幕)