用HTML编写:段落和间距

或者:为什么我的HTML全部像古代滚动一样运行?

因此,您已经学习了基本的HTML概念和一些基本的HTML标签 ,并且您决定将一些HTML粘贴到CMS中 。 不幸的是,你的文章一起运行。 一切都是一段! 发生了什么?

不要惊慌。 了解你的浏览器如何解释换行符,并且你会很快修复这个问题......或者至少,简单地说。

浏览器忽略了大部分空白

HTML是关于标记普通文本的。 当文本出现在羊皮纸上时,普通的文本以巨型块的形式出现在一起。 今天,我们将文本分成几段

你可能不会考虑很多段落。 他们只是发生。 你按下ENTER,就是这样。

但HTML是不同的。 浏览器尽力过滤出看起来不重要的信息。 你需要了解这是如何工作的,所以你不会感到困惑。

假设你输入了一大堆空格:

我觉得自己很累

你的平淡无奇的浏览器将给这个清晰的翻译:

我觉得自己很累

我们现在不再是Word了,托托。 浏览器忽略额外的间距 。 它们将多个空间缩小到一个空间。

浏览器也会忽略你的换行符

无论如何,我觉得自己喜欢赚钱,但是大家都很讨厌CAPITALS。

你的浏览器使这个:

无论如何,我觉得自己喜欢赚钱,但是大家都很讨厌CAPITALS。

如果你来自文字处理器世界,这种行为会令人吃惊。 事实上,它给了你很大的自由。

段落

但你可能还想要段落。 这里是:

这是一段。

这是另一段,即使它在同一行。 即使我刚刚进入两个换行符,这仍然是第二段的一部分。 现在我要关闭第二段。

仔细查看

标签,然后查看浏览器的功能。

这是一段。 这是另一段,尽管它在同一行。 即使我刚刚进入两个换行符,这仍然是第二段的一部分。 现在我要关闭第二段。

看到? 浏览器确实完全忽略了你的换行符。 它只关心标签。

通常,当然,理智的选择是将您的段落与换行符匹配:

这是一段。

这是另一段。

但换行符仅适用于您。 浏览器忽略它们。

添加一堆

标签可能很乏味。 在这里和那里添加斜体是一回事。 每次开始新的段落时都必须添加标签。

可是等等! 有希望! 不要跑回你的文字处理器尖叫。

您的CMS可能会尊重您的空白行

幸运的是,一些CMS设计为在幕后为您自动插入段落标签 。 您可以简单地在段落之间插入一个空白行 ,然后CMS完成剩下的工作。

这是一段。 没有标签! 这是另一个段落。

如果你的CMS有这个功能,你会得到:

这是一段。 没有标签! 这是一段。

为什么这个工作? 在CMS将您的文章作为网页吐出之前,它会添加必要的

标签。

您的CMS可能会自动执行此操作。 如果没有,您可以启用此功能。

按两次为段落命中

在文字处理器中,通常在段落之间只敲击一次ENTER。 这些段落是单行的,但文字处理软件包装它们。

在HTML中,您想要在段落之间按两次ENTER 。 如果您的CMS自动添加

标签,则可能需要空行。

HTML换行符不同

在浏览器中,段落之间有空间。 如果你只是想结束一条线,在下一行之前没有空格呢? 没问题。 有一个换行标签。