您的位置:图文专栏 > 技术教程 > HTML5/CSS3速成教程 >

2-2 <p>段落标签和使用

发布时间:2021-02-26 15:53:13

2-2 <p>段落标签和使用

如果想在网页上显示文章,这时就需要<p>标签了,把文章的段落放到<p>标签中。

语法:

<p>段落文本</p>
 
注意一段文字一个<p>标签,如在一篇新闻文章中有3段文字,就要把这3个段落分别放到3个<p>标签中。

如下图所示:

在浏览器中显示的效果:


<p>标签的默认样式,可以在上图中看出来,段前段后都会有空白,如果不喜欢这个空白,可以用css样式来删除或改变它,在后面课程中会学习到。

源代码:

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>p标签</title>
</head>

<body>
<p>我的第一个段落。</p>
<p>我的第二个段落。</p>
</body>

</html>
上一篇: 2-1 语义化,让你的网页更好的被搜索引擎理解

下一篇: 2-3 使用<span>标签自定义文字