[HTML教程] html p标签能包含a标签吗?html p标签的作用说明

[复制链接]
查看3216 | 回复13 | 2020-7-8 21:38:48 | 显示全部楼层 |阅读模式
本篇文章主要的为大家介绍了关于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! 本站分享大量程序员技术文章以及对编程开发的初级入门教程,包括图文讲解笔记和高清视频下载~
    回复

    使用道具 举报

    vvvvvvyb | 2020-11-22 08:53:14 | 显示全部楼层
    加油!悟空源码,继续努力!支持你!
    回复

    使用道具 举报

    123457148 | 2021-7-30 20:13:00 | 显示全部楼层
    这个资源都有真不错
    回复

    使用道具 举报

    123457265 | 2021-10-22 22:17:37 | 显示全部楼层
    我是来白嫖资源的!
    回复

    使用道具 举报

    李亚兵 | 2021-10-27 18:52:47 | 显示全部楼层
    没积分哈,谁来帮帮我啊
    回复

    使用道具 举报

    启凡 | 2021-11-21 18:19:34 | 显示全部楼层
    找了很多地方都不能下载,终于在悟空源码找到了
    回复

    使用道具 举报

    看不清从bm | 2021-12-11 05:33:38 | 显示全部楼层
    感谢悟空源码分享精品资源!
    回复

    使用道具 举报

    感谢悟空源码分享精品资源!
    回复

    使用道具 举报

    启凡 | 2022-2-6 15:47:24 | 显示全部楼层
    我是来白嫖资源的!
    回复

    使用道具 举报

    真好210 | 2022-3-22 17:55:01 | 显示全部楼层
    这个资源都有真不错
    回复

    使用道具 举报

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则