文字移动_HTML 音画帖基础教程-查字典教程网
文字移动
文字移动
发布时间:2015-03-10 来源:查字典编辑
摘要:

记事本是一个小巧的文本编辑器,可以用它来完成代码的输入,保存成网页以后用浏览器来查看,下面我们来看一个练习;

1、启动记事本

1)点击“开始-所有程序-附件-记事本”;

2)记事本的窗口主要包括标题栏、菜单栏、工作区,左上角有一个一闪一闪的光标插入点竖线;

3)点菜单“文件-保存”命令,以“文字移动.html”为文件名,类型为“所有文件”,保存文件到自己的文件夹,注意文件名后缀为英文字母;

2、输入内容

1)在工作区中输入下列内容,也可以复制一下,里面的汉字可以自己修改:

<marquee width="400" height="50"> <font color="royalblue">轻轻地我走了,正如我轻轻地来</font> </marquee>

这儿的marqee就是移动标签,width和height是区域,效果应该是:

轻轻地我走了,正如我轻轻地来

2)按两下回车键,接着输入下列内容,或者复制一下也可以:

<marquee width="400" height="50" direction="right"> <font color="royalblue">我挥一挥衣袖,不带走一丝云彩</font> </marquee>

marquee后面的direction是移动方向,这儿是右,效果应该是:

我挥一挥衣袖,不带走一丝云彩

3)按Ctrl+S组合键保存一下文件,按两下回车键继续输入下面内容;

<marquee width="400" height="50" direction="up" scrollamount="2"> <font color="royalblue"><p>世界上最遥远的距离,不是生与死的距离</p><p>而是我站在 你面前你却不知道我爱你</p></font> </marquee>

这儿的scrollamount是速度,也可以减慢一些,效果是:

世界上最遥远的距离,不是生与死的距离

而是我站在你面前你却不知道我爱你

世界上最远的距离,

不是我站在你面前你不知道我爱你

而是——

爱你到痴迷却不能说我爱你

按Ctrl+S组合键保存一下文件,在自己的文件夹中找到“文字移动”文件,双击打开,看一下页面效果;

本节学习了设置文字移动的效果,如果你成功地完成了练习,请继续学习下一课内容;

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新HTML 音画帖基础入门教程学习
    热门HTML 音画帖基础入门教程学习
    编程开发基础子分类