<p>

<p> 标签表示 Paragraph,段落的意思。比如一篇文字你需要分成几个段落显示,每个段落内容你都可以使用一组 <p> 标签去包装一下。

用法

<p>段落内容</p>

练习

打开 index.html 文档,在 <body></body> 标签之间,添加下面内容:

春花秋月何时了?往事知多少。
小楼昨夜又东风,故国不堪回首月明中。
雕栏玉砌应犹在,只是朱颜改。
问君能有几多愁?恰似一江春水向东流。

保存文档,到浏览器上观察内容的显示。你会发现,虽然我们的内容在文档里是分行显示的,但是在浏览器上显示的时候,所有内容都会在一行显示。

你想分行显示这些内容,可以使用段落标签标记一下内容,每个段落都用一个 <p> 标签包装一下,像这样:

<p>春花秋月何时了?往事知多少。</p>
<p>小楼昨夜又东风,故国不堪回首月明中。</p>
<p>雕栏玉砌应犹在,只是朱颜改。</p>
<p>问君能有几多愁?恰似一江春水向东流。</p>

保存文档,回到浏览器,观察段落内容在浏览器上的显示。你会发现,内容现在会分段显示了,而且段与段之间会有间隔,这个间隔是浏览器默认给段落元素添加的样式,在学习 CSS 的时候,你会学到怎么样自己去定义段落元素的样式。

results matching ""

    No results matching ""