html p标签能包含a标签吗？html p标签的作用说明

寻∝梦 原创: 2018-08-29 13:38:55 14395浏览

本篇文章主要的为大家介绍了关于HTML p标签的的作用，标签中能包含<a>标签的解释，还有主要就是关于HTML p标签的作用的解释，现在让我们一起来看看这篇文章吧

首先我们先说说p标签中能包含a标签吗？

我们先看看标签是块级元素，会独占一行其宽度自动填满其父元素宽度

<a>标签是行内元素，不会独占一行，相邻的行内元素会排列到同一行里，直到一行排不下，才会换行，其宽度随元素的内容变化而变化

块级元素内是能包含行内元素的，所以，在标签中是能包含<a>标签的。

这有一个标签包含<a>标签的实例：

<!doctype html>
<html>
 <head>
 <meta charset="UTF-8">
 <title>我是网页标题（我是PHP中文网）</title>
 </head>
 <body >
 <p>这里是PHP中文网<a href="//m.sbmmt.com">点击这里进入</a>这也是PHP中文网，点击中间的字</p>
 </body>
</html>

这里有效果，有图：

上图就是代码中出来的图，那个紫色带有下划线的是超链接的a标签。

现在我们来说说HTML p标签的作用：

首先是标签定义了段落的。

p元素会自动在其前后创建一些空白。浏览器会自动添加这些空间，您也可以在样式表中规定。

p标签的段落用法：

可以只在块（block）内指定段落，也可以把段落和其他段落、列表、表单和预定义格式的文本一起使用。总的来讲，这意味着段落可以在任何有合适的文本流的地方出现，例如文档的主体中、列表的元素里，等等。

从技术角度将，段落不可以出现在头部、锚或者其他严格要求内容必须只能是文本的地方。实际上，多数浏览器都忽略了这个限制，它们会把段落作为所含元素的内容一起格式化。

总的来说，标签是定义分段的，一个的标签内，可以有很多的段落。

还有有实例，这是我在网上找到文章，我把它分段显示出来：

<!doctype html>
<html>
 <head>
 <meta charset="UTF-8">
 <title>我是网页标题（我是PHP中文网）</title>
 </head>
 <body >
 <p>这里是PHP中文网<a href="//m.sbmmt.com">点击这里进入</a>这也是PHP中文网，点击中间的字</p>
<p>推进“一带一路”建设的5年，是成果丰硕的5年。习近平总书记指出，5年来的“一带一路”建设，推动我国形成陆海内外联动、东西双向互济的开放新格局。</p>
<p>黑龙江黑河边境经济合作区管委会主任 王海东：习近平总书记提出“政治互信、经济互融、人文互通”，本着这个原则，黑河利用独特的区域优势，从过去的一个边境走向了“一带一路”的前沿。</p>
<p>从落地生根到持久发展，习总书记在讲话中要求各地区加强与国家战略对接，这为各地更好对接“一带一路”建设指明了方向。</p>
</body>
</html>

你看效果：

你看，这就是段落标签的作用个，里面的内容就是一个段落的内容。