|
本篇文章主要的为大家介绍了关于HTML p标签的的作用，<p>标签中能包含<a>标签的解释，还有主要就是关于HTML p标签的作用的解释，现在让我们一起来看看这篇文章吧
首先我们先说说p标签中能包含a标签吗？
我们先看看<p>标签是块级元素，会独占一行其宽度自动填满其父元素宽度
<a>标签是行内元素，不会独占一行，相邻的行内元素会排列到同一行里，直到一行排不下，才会换行，其宽度随元素的内容变化而变化
块级元素内是能包含行内元素的，所以，在<p>标签中是能包含<a>标签的。
这有一个<p>标签包含<a>标签的实例：
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>我是网页标题（我是PHP中文网）</title>
</head>
<body >
<p>这里是PHP中文网<a href="http://www.23ym.cn">点击这里进入</a>这也是PHP中文网，点击中间的字</p>
</body>
</html>
这里有效果，有图：
上图就是代码中出来的图，那个紫色带有下划线的是超链接的a标签。
现在我们来说说HTML p标签的作用：
首先是<p>标签定义了段落的。
p元素会自动在其前后创建一些空白。浏览器会自动添加这些空间，您也可以在样式表中规定。
p标签的段落用法：
可以只在块（block）内指定段落，也可以把段落和其他段落、列表、表单和预定义格式的文本一起使用。总的来讲，这意味着段落可以在任何有合适的文本流的地方出现，例如文档的主体中、列表的元素里，等等。
从技术角度将，段落不可以出现在头部、锚或者其他严格要求内容必须只能是文本的地方。实际上，多数浏览器都忽略了这个限制，它们会把段落作为所含元素的内容一起格式化。
总的来说，<p>标签是定义分段的，一个<p></p>的标签内，可以有很多的段落。
还有有实例，这是我在网上找到文章，我把它分段显示出来：
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>我是网页标题（我是PHP中文网）</title>
</head>
<body >
<p>这里是PHP中文网<a href="http://www.23ym.cn">点击这里进入</a>这也是PHP中文网，点击中间的字</p>
<p>推进“一带一路”建设的5年，是成果丰硕的5年。习近平总书记指出，5年来的“一带一路”建设，推动我国形成陆海内外联动、东西双向互济的开放新格局。</p>
<p>黑龙江黑河边境经济合作区管委会主任 王海东：习近平总书记提出“政治互信、经济互融、人文互通”，本着这个原则，黑河利用独特的区域优势，从过去的一个边境走向了“一带一路”的前沿。</p>
<p>从落地生根到持久发展，习总书记在讲话中要求各地区加强与国家战略对接，这为各地更好对接“一带一路”建设指明了方向。</p>
</body>
</html>
你看效果：
 你看，这就是段落<p>标签的作用个，里面的内容就是一个段落的内容。
好了，以上就是我们这篇文章的全部内容，如果有什么疑问可以在下方提问
【小编推荐】
如何给html中的pre标签中的文字换行？html pre标签的使用实例
HTML ul标签的什么意思？HTML ul标签的作用详解
以上就是html p标签能包含a标签吗？html p标签的作用说明的详细内容，更多请关注爱上源码网其它相关文章！
微信
分享
相关标签：p html
本文原创发布爱上源码网，转载请注明出处，感谢您的尊重！
- 上一篇：html a标签是怎么使用的？html a标签的使用总结
- 下一篇：什么是html h1标签？html h1标签使用方法的详细介绍
相关文章
相关视频
- PHP文本换行转
函数nl2br()与n...
- php给每个段落添加空格的方法，php段落添加空格...
- 认识HTML <P>段落标签
- 在HTML里p段落行高行距怎么设置
- HTML的段落标签是什么？段落标签具体都有哪些属性...
- html p标签能包含a标签吗？html p标签的...
- h标签与p标签
- 段落标签
- 文本段落p标签和标题h标签
- 前端开发基础视频-段落p标签
本文有爱上源码下载完入驻作者发布，如果对您版权造成侵害，可以联系本站站长管理进行维权删除，本站收到维权24小时内进行处理，谢谢您关注23ym.cn！
本站分享大量程序员技术文章以及对编程开发的初级入门教程，包括图文讲解笔记和高清视频下载~ | 
