持续创作，加速成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第20天，点击查看活动详情

这是【HTML 教程系列第 25 篇】，如果觉得有用的话，欢迎关注专栏。

在 HTML 中，空格需要用代码实现，空格的代码是 &nbsp。全称是 Non-breaking space，就是不换行空格，表示不间断的空格。

举例说明

我们知道，语文的作文中每个段落的首行我们都会缩进两格，在 HTML 中，段落标签 p 默认是首行不缩进的，如果想达到首行缩进的功能，就需要用到空格代码 &nbsp，这里我把第一段的首行缩进两格，局部代码如下所示

	<p>&nbsp;&nbsp;今天是周日</p>
    <p>让我们一起愉快的玩耍吧</p>

浏览器运行效果如下所示

你想空几格，在编辑器就写几个 &nbsp 。

特别注意

如果你只是想用一个空格的话，直接在编辑器里按一下"空格键"也可以达到同样的效果，局部代码如下所示

<p>今 天 是 周 日</p>

浏览器运行效果如下所示

这是一个空格的时候你可以用空格按键代替，但如果你想连续实现多个空格，即使你在编辑器里按下了多个空格，但浏览器显示的还会是一个空格的效果，编辑器的动态示意图如下

在浏览器运行的效果你会发现还是和上面的一样，这点需要特别说明下。

直接 按空格键 和 用代码实现空格 的区别 这里查询了资料并整理了一下，大家可以参考下

在 HTML 中空格的表示符号有两种

第一种：HTML 中的 &32; 符号。

就是我们按下空格键后产生的空格，浏览器会自动把多个空格压缩成为一个空格，代码如下所示

今    天是周日

这行代码在浏览器的显示结果是

第二种：HTML 中的   符号或  。

浏览器不会压缩，有多少个空格就显示多少个空格，代码如下所示

今     天是周日

这行代码在浏览器的结果就是

你的问题得到解决了吗？欢迎在评论区留言。

赠人玫瑰，手有余香，如果觉得文章不错，希望可以给个一键三连，感谢。

---

结束语

技术是一点一点积累的，大神也不是一天就可以达到的。原地不动就是退步，所以每天进步一点点。

最后，附上一句格言："好学若饥，谦卑若愚"，望共勉。