如何在web页面中添加多个空格

 时间:2024-11-06 17:39:05

想要在web页面中添加多个空格,就要用到转义字符“ ”。那么具体这个转义字符到底怎么用呢?

如何在web页面中添加多个空格

工具/原料

Dreamweaver

方法/步骤

1、首先我们现在D筠续师诈reamweaver中新建一个页面,并随便写几个字符,我写的是“小明”、“小红”,通过实时视图我们可以看到“小明”与“小事傥枕败红”之间有一个空格的距离。(不会新建页面和不会调出实时视图的萌新小白可以翻翻我之前的文章,里面有详细介绍,由于篇幅有限,这里我就不重复说了)

如何在web页面中添加多个空格

2、我们在左侧代码区的“小明”和“小红”之间手动加上多个空格(就是多敲几次空格),会发现右侧实时视图里的小明与小红之间并没有增加空格距离。

如何在web页面中添加多个空格

3、那这时我们如果想要让小明与小红中间的距离垢卜埂呦增加,应该怎么办呢?隆重请出我们的转义字符:“ ”。转义字符有很多,键盘上我们能看到的所有符号隔氆吠割几乎都有对应的转义字符,比如“空格”的转义字符就是“ ”。也就是说,在网页中,如果我们想实现多个空格的效果,那么不能直接按空格键,你需要用转义字符“ ”来代替,一个“ ”就是一个“空格”,100个“ ”就是100个“空格”,想要几个空格效果,就写几个“ ”。

如何在web页面中添加多个空格

4、我们立刻来试一下神奇的空格转义字符吧!在小明与小红之间写上 之后,刷新会发现页面上的小明和小红瞬间就产生了一个空格的距离!

如何在web页面中添加多个空格

5、那么多写几个 ,刷新后再看页面上,小明与小红的距离越来越大!恭喜你已经学会了页面多个空格的编写方法!

如何在web页面中添加多个空格

如何在HTML中插入图片 html轮播图怎么制作 HTML怎样使图片居中 如何使用HBuilder做一个横向导航栏 html图片如何居中
热门搜索
动漫素材 电动窗帘图片 在线看动漫 吸奶动态图片 朱玲玲图片