喝完早茶，在老东山区的东湖公园溜几圈就回公司上班了，回公司看了一上午的Html5，开始整理上传几年前写好的《JavaScript》汉语SEO教程。
中午吃了个陈村粉就去梅花村周边的车站等女粉丝一起逛街。
逛街来到华南植物园周边累了就找个店喝点东西。
女粉丝突然问，陈老师：“为什么我在Html5里输入的文字只能显示在同一行上？”。
我看了下她写的代码说:"因为你没有用< p>元素，所以都显示在同一行上"。
我和女粉丝说：“下面我就教你用Html5的< P>元素分段”。
在Html5中要给文本分段，要使用< p>元素，以< p>开始，以< /p>结束,如语法1。
语法：
<p>....输入文本....</p>
（语法1）
设计3个p元素，内容是“微信公众号：design-Rabbit”。如代码1。
<p>微信公众号：design-Rabbit</p>
<p>微信公众号：design-Rabbit</p>
<p>微信公众号：design-Rabbit</p>
（代码1）
把代码1，移植到html5基础框架body元素中，如代码2。
<!DOCTYPE html>
<html>
<head>
<meta charset="GB123">
<title>学习Html5笔记<p>元素</title>
</head>
<body>
<h4>1.没用p元素都在同一行上</h4>
微信公众号：design-Rabbit
微信公众号：design-Rabbit
微信公众号：design-Rabbit
<h4>2.下面的用了p元素，就分段了</h4>
<p>微信公众号：design-Rabbit</p>
<p>微信公众号：design-Rabbit</p>
<p>微信公众号：design-Rabbit</p>
</body>
</html>
（代码2）
运行综合代码2，就可以看到图1的效果，如果还不会运行方法，可以看我以前写的Html5，学习代码运行方法。
注：看到图1页面中字体显示乱马时charset="bg123"可以改成charset="utf-8"或改为其它的编码方式。
（图1）
通过代码1和图1对比，我们可以看出，没有使用< p> 元素，输入在< body>元素中的文字会在同一行显示，使用了< p>元素后就会变成分段显示，看到图1效果就说明我们的试验成功了。
好！杰哥Html5学习笔记分享到这里，，如果喜欢请收藏、关注、点赞、打赏，我的作品。
