首頁 > web前端 > html教學 > html p標籤能包含a標籤嗎? html p標籤的作用說明

html p標籤能包含a標籤嗎? html p標籤的作用說明

寻∝梦
發布: 2018-08-29 13:38:55
原創
16151 人瀏覽過

本篇文章主要的為大家介紹了關於HTML p標籤的的作用,

標籤中能包含標籤的解釋,還有主要就是關於HTML p標籤的作用的解釋,現在讓我們一起來看看這篇文章吧

首先我們先說p標籤中能包含a標籤嗎?

我們先看看

標籤是區塊級元素,會獨佔一行其寬度自動填滿其父元素寬度

標籤是行內元素,不會獨佔一行,相鄰的行內元素會排列到同一行裡,直到一行排不下,才會換行,其寬度隨元素的內容變化而變化

塊級元素內是能包含行內元素的,所以,在

標籤中是能包含標籤的。

這有

標籤包含標籤的實例:

<!doctype html>
<html>
 <head>
 <meta charset="UTF-8">
 <title>我是网页标题(我是PHP中文网)</title>
 </head>
 <body >
 <p>这里是PHP中文网<a href="//m.sbmmt.com">点击这里进入</a>这也是PHP中文网,点击中间的字</p>
 </body>
</html>
登入後複製

這裡有效果,有圖:

html p標籤能包含a標籤嗎? html p標籤的作用說明

#上圖就是程式碼中出來的圖,那個紫色有底線的是超連結的a標籤。

現在我們來說說HTML p標籤的作用:

首先是

標籤定義了段落的。

p元素會自動在其前後創建一些空白。瀏覽器會自動新增這些空間,您也可以在樣式表中規定。

p標籤的段落用法:

可以只在區塊(block)內指定段落,也可以把段落和其他段落、清單、表單和預先定義格式的文本一起使用。總的來講,這意味著段落可以在任何有合適的文字流的地方出現,例如文件的主體中、列表的元素裡,等等。 

從技術角度將,段落不可以出現在頭部、錨或其他嚴格要求內容必須只能是文字的地方。實際上,多數瀏覽器都忽略了這個限制,它們會把段落當作所含元素的內容一起格式化。

總的來說,

標籤是定義分段的,一個

的標籤內,可以有很多的段落。

還有一個實例,這是我在網路上找到文章,我把它分段顯示出來:

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

你看效果:

html p標籤能包含a標籤嗎? html p標籤的作用說明你看,這就是段落

標籤的作用個,裡面的內容就是一個段落的內容。

好了,以上就是我們這篇文章的全部內容,如果有什麼疑問可以在下方提問

#【小編推薦】

如何給html中的pre標籤中的文字換行? html pre標籤的使用實例

HTML ul標籤的什麼意思? HTML ul標籤的作用詳解

#

以上是html p標籤能包含a標籤嗎? html p標籤的作用說明的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板