段落

既然您已经掌握了 HTML 文档的基本结构，就可以开始修改内容了。

回到您的文本编辑器，在页面上添加另一行。


<!DOCTYPE html>
<html>
<head>
    <title>My first web page</title>
</head>
<body>
    This is my first web page
    How exciting
</body>
</html>

在浏览器中查看您的文档。

您可能期望您的文档会像您输入的那样，显示为两行，但实际上您应该会看到类似这样的内容：

这是我的第一个网页，多么令人兴奋。

这是因为网页浏览器通常不会关注您代码所在的行。它也不会注意空格（如果您输入“This is my first web page How exciting”也会得到相同的结果）。

如果您希望文本出现在不同的行，或者更确切地说，如果您打算创建两个独立的文本块（请记住，HTML 是关于意义，而不是表现形式），您需要明确说明这一点。

将您的两行内容修改成如下样式：


<p>This is my first web page</p>
<p>How exciting</p>

p 标签用于表示段落。

查看此结果。现在这两行会显示在两行上，因为浏览器将它们识别为独立的段落。

可以把 HTML 内容想象成一本书——在适当的地方使用段落。

强调

您可以使用 em（强调）和 strong（强烈重要）来强调段落中的文本。


<p>Yes, that really <em>is</em> exciting. <strong>Warning:</strong> level of excitement may cause head to explode.</p>

换行标签也可以用来像这样分隔行：


This is my first web page<br>
How exciting

换行不涉及任何内容，所以没有结束标签。