开始我们的第一段对话吧- 段落标签，初识HTML(5)+CSS(3)-升级版教程-慕课网

2-2 开始我们的第一段对话吧- 段落标签

本节编程练习不计算学习进度，请电脑登录imooc.com操作

开始我们的第一段对话吧- 段落标签

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

语法：

<p>段落文本</p>

注意一段文字一个<p>标签，如在一篇新闻文章中有3段文字，就要把这3个段落分别放到3个<p>标签中。如下图所示

在浏览器中显示的效果：

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

任务

我来试试：亲自感受一下段落标签的使用

1、在右部编辑器中的第8行输入<p>我的第一个段落。</p>。

2、在右部编辑器中的第9行输入<p>我的第二个段落。</p>。

index.html

<!DOCTYPE html>
<html>
 
<head>
    <meta charset="UTF-8">
    <title>p标签</title>
</head>
 
<body>
</body>
 
</html>

下一节