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


本文摘自PHP中文网,作者寻∝梦,侵删。

本篇文章主要的为大家介绍了关于HTML p标签的的作用,<p>标签中能包含<a>标签的解释,还有主要就是关于HTML p标签的作用的解释,现在让我们一起来看看这篇文章吧

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

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

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

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

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

1

2

3

4

5

6

7

8

9

10

<!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>的标签内,可以有很多的段落。

阅读剩余部分

相关阅读 >>

关于html big标签的作用和具体的用法详解(内有代码实例)

html u标签怎么用

html mark标签怎么用

18个必知必会的html面试题(附答案解析)

html的计算机代码元素有哪些

html pre标签的作用是什么?html pre标签用法及其属性详解

html img标签的绝对路径怎么写?html img标签绝对路径的使用方法

html标准写法与dreamweaver生成代码有哪些不一样

html5中一些可以优化的细节介绍

css如何去掉li前面的点

更多相关阅读请进入《p》频道 >>




打赏

取消

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

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

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

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...