欢迎光临杨雨的个人博客站!

杨雨个人网站-杨雨个人博客-杨照佳

杨雨个人博客网站

关注互联网和搜索引擎的个人博客网站

首页 > WEB开发 > html5案例分享 >

Html p标签是单标签吗?Html p标签的使用方法介绍(内附实例)

发布时间:2019-05-28  编辑:杨雨个人博客网站   点击:   

本篇文章主要的介绍了关于HTML中的p标签的具体使用方法和一些作用,内有实例解说,接下来就让我们一起看看这篇关于Html P标签的文章吧

 

首先我们看看Html p标签是单标签吗?

听这个问题就知道是没怎么用Html,或者都没听过的小白,因为HTML p标签是HTML中最常见的标签之一了,段落标签,块级元素,是P标签的总体介绍,以<p>开头,以</p>结束,在<p></p>标签之中填入的所有文本都是以一段文本在浏览器中显示出来。

我们现在看看实例,然后边解说:

<!doctype Html>
<Html>
<head>
<meta charset="utf-8">
<title>PHP中文网</title>
</head>
<body>
<p>这里是PHP中文网,这里提供了大量的免费,原创、高清的视频教程,在学习的时候可以直接在线实战。</p><p>这里是PHP中文网,
欢迎你的到来</p>
</body>
</Html>

这里面我添加两段话,有两个P标签,在网页中的显示的效果如图:

tuyi.png

所以先不说P标签是成对出现的,如果你忘记结尾了效果也差不读,浏览器也能正常的显示出来,但这违反了w3c标准的规定了,还有万一你在浏览器中出现了一点错误,到最后你发现只是P标签没有结尾,这得多冤啊,所以,还是好好的写P标签,不要忘记结束标签了。

再看看因为P标签是块级元素,块级元素在网页中显示的就是换段显示,和换行差了一点,正常的来说,说换行也行,不过我们必须正规的来,换行有换行的标签,它的标签是</br>,没错,这是一个没有结束标签的元素。一般一行有点多了的话,br标签就会出现在那一行的后面 ,然后后面的文字都会在下一行显示了,现在我们看看实例

<body>
<p>这里是PHP中文网,这</br>里提供了大量的免费,原创、高清的视频教程,在学习的时候可以直接在线实战。</p>这里是PHP
中文网,欢迎你的到来</p>
</body>

中间添加了一个br换行标签,下面让我们看看效果:

tuer.png

如图,我在“这里”的中间加了一个br标签,我们可以看到br的后面就没有了,这一行就这样空出来了。所以平常的时候,一个段落有很多文本,经常需要把一些文本重点显示,除了加粗和斜体,我们还可以试试换行,让这文本突出显示,在一行之中就几个字能不突出吗。

Html p标签的总结:

P标签主要用在<body>标签中,像新闻页面一样,全是段落,那这里就会用到很多P标签了,P标签里面也可以增加很多元素的,在这里就不一一的说了,结果就是P标签是HTML网页中不可或缺的一个元素之一,用法很大,但具体的还需要别的标签来辅助这个标签的美观性和全局性。

好了,以上就是这篇文章的全部内容,有什么问题可以在下方提问。

本文地址:http://itbyc.com/web/html5/20807.html
转载请注明出处。
分享是一种快乐,也是一种美德:
博客首页 | WEB开发 | 网站运营 | CMS使用教程 滇ICP备14002061号-1