首页 > 编程 > HTML > 正文

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

2020-03-24 17:52: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.VeVb.com 点击这里进入 /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.VeVb.com 点击这里进入 /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标签的作用说明的详细内容,html教程

郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表