html p標籤是單標籤嗎?html p標籤的使用方法介紹(內附執行個體)

來源:互聯網
上載者:User
本篇文章主要的介紹了關於HTML中的p標籤的具體使用方法和一些作用,內有執行個體解說,接下來就讓我們一起看看這篇關於html P標籤的文章吧

首先我們看看html p標籤是單標籤嗎?

聽這個問題就知道是沒怎麼用html,或者都沒聽過的小白,因為HTML p標籤是HTML中最常見的標籤之一了,段落標籤,區塊層級元素,是P標籤的總體介紹,以<p>開頭,以</p>結束,在<p></p>標籤之中填入的所有文本都是以一段文本在瀏覽器中顯示出來。(想看更多的就來topic.alibabacloud.comHTML線上課程)

我們現在看看執行個體,然後邊解說:

<!doctype html><html><head><meta charset="utf-8"><title>topic.alibabacloud.com</title></head><body><p>這裡是topic.alibabacloud.com,這裡提供了大量的免費,原創、高清的視頻教程,在學習的時候可以直接線上實戰。</p><p>這裡是topic.alibabacloud.com,歡迎你的到來</p></body></html>

這裡面我添加兩段話,有兩個P標籤,在網頁中的顯示的效果

所以先不說P標籤是成對出現的,如果你忘記結尾了效果也差不讀,瀏覽器也能正常的顯示出來,但這違反了w3c標準的規定了,還有萬一你在瀏覽器中出現了一點錯誤,到最後你發現只是P標籤沒有結尾,這得多冤啊,所以,還是好好的寫P標籤,不要忘記結束標籤了。

再看看因為P標籤是區塊層級元素,區塊層級元素在網頁中顯示的就是換段顯示,和換行差了一點,正常的來說,說換行也行,不過我們必須正規的來,換行有換行的標籤,它的標籤是</br>,沒錯,這是一個沒有結束標籤的元素。一般一行有點多了的話,br標籤就會出現在那一行的後面 ,然後後面的文字都會在下一行顯示了,現在我們看看執行個體

<body><p>這裡是topic.alibabacloud.com,這</br>裡提供了大量的免費,原創、高清的視頻教程,在學習的時候可以直接線上實戰。</p>這裡是PHP中文網,歡迎你的到來</p></body>

中間添加了一個br換列標籤,下面讓我們看看效果:

,我在“這裡”的中間加了一個br標籤,我們可以看到br的後面就沒有了,這一行就這樣空出來了。所以平常的時候,一個段落有很多文本,經常需要把一些文本重點顯示,除了加粗和斜體,我們還可以試試換行,讓這文本反白,在一行之中就幾個字能不突出嗎。

html p標籤的總結:

P標籤主要用在<body>標籤中,像新聞頁面一樣,全是段落,那這裡就會用到很多P標籤了,P標籤裡面也可以增加很多元素的,在這裡就不一一的說了,結果就是P標籤是HTML網頁中不可或缺的一個元素之一,用法很大,但具體的還需要別的標籤來輔助這個標籤的美觀性和全域性。

好了,以上就是這篇文章的全部內容,有什麼問題可以在下方提問。

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.