我们在浏览页面的时候，会看到在页面上移动的文字，文字的移动方向有从左到右、从右到左、从上到下、从下到上等。下面，我们来看看如何使用HTML代码编写会移动的文字吧。
工具/材料HTML
语法代码（1）一般使用<marquee></marquee>来设置移动文字，比如我们编写如下代码：
（2）<marquee>会移动的文字</marquee>
预览效果可以发现编写在<marquee></marquee>标签内的文字，会从右边到左边循环移动，如下图所示：
文字移动速度（1）使用scrollamount来设置文字的移动速度，比如我们编写如下所示代码：
<marquee scrollamount=16>快点，快点</marquee>
<marquee scrollamount=12>等等我</marquee>
（2）预览效果
可以看到scrollamount的数值越大，移动的速度就会越快，如下图所示：
设置文字移动的方向（1）direction在英文上是方向的意思，同样使用direction来设置文字的移动方向，方向可以设置为左、右、上、下等等，编写如下代码：
<marquee direction=left>文字从右边向左边</marquee><P>
<marquee direction=right>从左边向右边移</marquee>
（2）预览效果
可以看到当direction=left时，文字从右边向左边，当direction=right时，文字从左边向右边，如下图所示：
文字循环的次数（1）一般来说文字是默认无限次循环的，下面，我们来看看如何指定文字的循环次数吧。使用loop来设置文字的循环次数，比如编写代码如下：
<marquee loop=3 >文字只会循环三次</marquee>
（2）预览效果
可以在浏览器上看到，文字只会循环三次，如下图所示：
文字对齐在HTML中的文字对齐功能，使用align属性来设置，属性值可以为top、Middle、button，比如我们编写如下所示的代码：
（2）预览效果
然后在浏览器中预览效果，可以看到文字向上对齐，如下图所示：
移动面积（1）设置会移动的文字范围，比如文字在长为多少，宽为多少的区域内移动，比如我们编写如下代码：
<marquee height=40 width=50% bgcolor=pink>在区域内移动的文字</marquee>
（2）预览效果
在浏览器中可以看到文字在高为40，宽为浏览器一半的区域内移动，且区域的颜色为粉红色，如下图所示：
延时（1）设置文字的运行速度，让文字可以时而快，时而慢地做运动，编写代码如下所示：
（2）预览效果
在浏览器中预览效果，可以看到文字先做快速度，然后做慢速度，如下图所示：
简单的html网页可以直接利用文本编写的，无需下载特定编辑器。
1、在我们的windows *** 作系统中，桌面上鼠标右键新建一个txt文本，并命名为"最简单网页",只是便于标识，实际上并不影响我们的 *** 作。注意我们需要提前在文件属性中把扩展名显示出来。
2、我们打开文件夹属性设置，将文件扩展名显示出来，后面我们需要对文件扩展名进行 *** 作，不同 *** 作系统的设置位置不太一样，我们可以直接搜索"文件夹属性"来进行查找修改。
3、然后输入最简单的HTML文本语言。
代码如下：
<html>
<body>
最简单的网页
</body>
</html>
4、保存并关闭txt文本，然后修改我们txt文本的扩展名为html，此时会d出警告框，提示我们修改后可能会导致文件不能使用，这是 *** 作系统的一个处理逻辑，为了防止无意或恶意的损坏文件的行为。
5、无需担心，因为这在我们自己的掌控之下，确认警告，点击"是"，然后双击打开我们自己的第一个html网页，就可以看到一个最简单的html网页了。
可以用“text-align”属性控制du文字的位置，“center”属性值让文字居中显示。
1、新建html文档，在body标签中添加一个div标签，在div标签中添加p标签，这时文字将会在div标签中靠左显示：
2、为div标签设置“text-align”属性，属性值为“center”，这时文本将会居中显示：
3、想让文本靠右显示，可以为“text-align”属性设置“right”属性值，这时文本将会靠右显示：
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）