html中p标签的介绍和使用

发布时间:2020-06-15 10:15:35 作者:Leah
来源:亿速云 阅读:2743

这篇文章将为大家详细讲解有关html中p标签的介绍和使用,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

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

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

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

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

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

<!doctype html>
<html>
 <head>
 <meta charset="UTF-8">
 <title>我是网页标题(我是亿速云)</title>
 </head>
 <body >
 <p>这里是亿速云<a href="http://www.php.cn">点击这里进入</a>这也是亿速云,点击中间的字</p>
 </body>
</html>

这里有效果,有图:

html中p标签的介绍和使用

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

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

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

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

p标签的段落用法:

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

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

总的来说,<p>标签是定义分段的,一个<p></p>的标签内,可以有很多的段落。

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

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

你看效果:

html中p标签的介绍和使用你看,这就是段落<p>标签的作用个,里面的内容就是一个段落的内容。

看完上述内容,你们对html中p标签有进一步的了解吗?如果还想了解更多相关内容,欢迎关注亿速云行业资讯频道,感谢各位的阅读。

推荐阅读:
  1. html的标签的介绍和使用
  2. html p标签添加br换行标签的应用

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

p标签 html

上一篇:C语言之归并排序算法

下一篇:怎么实现React中跨组件分发状态

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》