HTML代码学习资料 / 开普饭

代码的功能非常强大，通过各种代码的任意组合，可以产生千变万化的效果，滚动字幕就是其中最神奇的一项。很多动态效果，在所见所得编辑模式下是不可能的，即使用Flash软件来制作，也要费很大功夫，用代码编辑却非常简单。

一、与字体有关的代码

1、字体：

2、字型：<face=>，不写默认是宋体；使用一种默认，会影响到其他。

3、字号：<size=>，可以取值：-1、1和+1；一般不写默认是3号字；

4、字体顏色：<color="#FF0000">，或者直接写入顏色的英文单词，<color="RED">，两者的效果是一样的。参看我写的[原创]HTML代码学习小结(一)代码简介及顏色代码介绍一种神奇的网页调色板。

以上字型、字号、字体顏色代码必须与字体代码合并使用：<fontface=华文新魏>、<fontsize=6>、<fontcolor=#ff0000>，也可以组合在一个<>中,如:<fontsize=6 color=#ff0000face=华文新魏>文字内容：

5、字体代码的另一种设置：

<fontstyle=font:40pt face=新宋体color=#ff0000>插入文字，font:40pt数值越大文字就越大。

6、与字体有关的代码

1)字体加粗：

2)字体斜体：

3)字体下划线:

4)换行： 

5)段落：

6)<div>用来排版大块段落，与相似

7）字体运动

<marquee></marquee>

8）字体运动方向：

direction=up(up是向上，down是向下，right是从左往右，Left是从右往左，不写为默认是从右往左)

9）对齐：

align=center是水平对齐,（center是居中，right是右对齐，left是左对齐，不写为默认是左对齐），只有设置向上（up）、向下（down）运动时设置水平对齐才有意义，否则不起作用。

二、编写几种字体代码：

1、正常静态字体代码：

我们设想编写一段文字，使用华文行楷5号字，字体加粗，蓝色字体，文字就用写的这一段。它的代码是：

<fontsize=5 color=#0000ff face=华文行楷>我们设想编写一段文字，使用华文行楷5号字，字体斜体，蓝色字体，文字就用写的这一段。

在浏览器中显现出来的是：

我们设想编写一段文字，使用华文行楷5号字，字体斜体，蓝色字体，文字就用写的这一段。

对照一下上面每种代码的说明，你自然就会明白代码是怎么回事了。

2、最简单的滚动字幕

设想编写一段文字，从右往左运动，其他内容仍用上面的静态文字。

<marqueedirection=left>我们设想编写一段文字，使用华文行楷5号字，字体斜体，蓝色字体，文字就用写的这一段。</marquee>

因为从右往左滚动是默认设置，所以可以省略为：

<marquee><fontsize=5 color=#0000ff face=华文行楷>我们设想编写一段文字，使用华文行楷5号字，字体斜体，蓝色字体，文字就用写的这一段。</marquee>

也就是在静态文字的前后分别加上<marquee></marquee>；

3、来一段复杂的滚动字幕，倒过来解释

<marqueescrollamount=1 height=80 direction=uphref="http://shop33976411.taobao.com/"><Palign=center>花儿杂货铺购物更省钱</a></marquee>

花儿杂货铺购物更省钱

说明：

（1）<marquee>和</marquee>是运动字幕的开头和结尾；

（2）scrollamount=1是指运动的速度；

（3）height=80是字幕的高度是80像素，在向上（up）、向下（down）运动时一定要设置，左右运动可以不设；

（4）direction=up是向上滚动；

（5）onmouseover=stop()>是鼠标指向时停顿，移开鼠标滚动；

（6）<ahref=是链接，<ahref="http://shop33976411.taobao.com/">就是点击后转到http://shop33976411.taobao.com/这个网页；

（7）<Palign=center>是字幕居中;

（8）<fontcolor=blue face=黑体size=3>是蓝色3号黑体字;

（9）花儿杂货铺购物更省钱是在浏览器中显现的文字，鼠标指向这几个字，就会停止滚动，点击这几个字就会转到一个叫花儿杂货铺的网页，这就叫滚动字幕的文字链接代码。

HTML代码学习资料

相关推荐