HTML入门教程 - 4.段落(Paragraphs)

来源：互联网发布：如何用支付宝登陆淘宝编辑：程序博客网时间：2024/05/01 22:57

现在我们有了基本HTML结构的概念，我们可以开始编写关于内容的页面了。

关于段落

我们打开文本编辑器在我们的页面增加多一条代码：

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

然后我们看到文件显示如下:

This is my first web page BestSG is here!

这个是因为网络浏览器不会知道哪一行代码表示的是哪一行。网络浏览器也不会注意到你所打的空格。

如果你想显示在网页中的另一行，或者，如果你想要在网页中显示两个不同的块，你需要明确的陈述出来。(请记住HTML只是关于含义而不是表现的形式)

改写下面的两行内容为如下所示：

<p>This is my first web page</p><p>BestSG is here!</p>

这个P标签是用来表示段落。

我们来看这个结果。结果显示为两行是因为这个浏览器现在能够认出这两行是不同的段落。

我们应该想象这个HTML内容是像一本书这样 - 在合适的时候拥有一个个的段落。

你可以用em(emphasis)或者strong(strong importance)来强调在段落中的文本内容。

<p>Yes,this is <em>BestSG</em> website. <strong>Takenote:</strong>I love you.</p>

显示如下：

Yes,this is BestSG website. Takenote:I love you.

像如下的显示方式<br>，换行符标签可以用来分割行

This is my first web page<br>This is BestSG.

因为没有包含内容，所以这个换行符没有关闭标签。

注意：引入换行符的概念可能会让你过多的引用换行符<br>。如果要要内容中分割两个块元素，我们Best Practise 就是用 p 标签(段落标签)分割。