百分百源码网-让建站变得如此简单! 登录 注册 签到领金币!

主页 | 如何升级VIP | TAG标签

当前位置: 主页>网站教程>html5教程> html p标签能包括a标签吗?html p标签的作用注明
分享文章到:

html p标签能包括a标签吗?html p标签的作用注明

发布时间:09/01 来源:未知 浏览: 关键词:
本篇文章主要的为大家介绍了关于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.php.cn">点击这里进入</a>这也是PHP中文网,点击中心的字</p>
 </body>
</html>

这里有结果,有图:

tuyi.png

上图就是代码中出来的图,阿谁紫色带有下划线的是超链接的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.php.cn">点击这里进入</a>这也是PHP中文网,点击中心的字</p>
<p>推动“一带一路”建设的5年,是成果丰硕的5年。习近平总书记指出,5年来的“一带一路”建设,鞭策我国构成陆海里外联动、东西双向互济的开放新格式。</p>
<p>黑龙江黑河畔境经济合作区管委会主任 王海东:习近平总书记提出“政治互信、经济互融、人文互通”,本着这个原则,黑河利用奇特的区域优势,从过去的一个边境走向了“一带一路”的前沿。</p>
<p>从落地生根到耐久开展,习总书记在讲话中要求各地区增强与我国战略对接,这为各地更好对接“一带一路”建设指明了标的目的。</p>
</body>
</html>

你看结果:

tuer.png你看,这就是段落<p>标签的作用个,里面的内容就是一个段落的内容。

好了,以上就是我们这篇文章的全部内容,假如有什么疑问可以鄙人方发问

【小编引荐】

怎样给html中的pre标签中的文字换行?html pre标签的使用实例

HTML ul标签的什么意思?HTML ul标签的作用详解

以上就是html p标签能包括a标签吗?html p标签的作用说明的具体内容,更多请关注百分百源码网其它相关文章!

打赏

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

百分百源码网 建议打赏1~10元,土豪随意,感谢您的阅读!

共有150人阅读,期待你的评论!发表评论
昵称: 网址: 验证码: 点击我更换图片
最新评论

本文标签

广告赞助

能出一分力是一分吧!

订阅获得更多模板

本文标签

广告赞助

订阅获得更多模板