HTML中的段落文本如何換行?一篇文章告訴你換行標(biāo)簽br的用法
發(fā)表時間:2023-09-03 來源:明輝站整理相關(guān)軟件相關(guān)文章人氣:
[摘要]本篇文章主要為大家講解了關(guān)于HTML段落文本換行的br標(biāo)簽的用法,在一個段落中,正確的換行能使頁面更美觀。接下來讓我們一起看看這篇關(guān)于html 段落文本換行的文章吧首先我們先看看段落文本換行的方法:網(wǎng)頁中的段落通常都是用<p>標(biāo)簽來表示的,那么在一個p標(biāo)簽里面的文本在瀏覽器中都會以一段...
本篇文章主要為大家講解了關(guān)于HTML段落文本換行的
br標(biāo)簽的用法,在一個段落中,正確的換行能使頁面更美觀。接下來讓我們一起看看這篇關(guān)于html 段落文本換行的文章吧
首先我們先看看段落文本換行的方法:
網(wǎng)頁中的段落通常都是用<p>標(biāo)簽來表示的,那么在一個p標(biāo)簽里面的文本在瀏覽器中都會以一段顯示,除非瀏覽器的框架不夠,不然都是以一行顯示的,只有框架不夠的時候才會自動的換行,但是我們?nèi)绻胍謩咏o里面換行可以嗎?事實當(dāng)然是不行的,你在代碼中的換行在瀏覽器看來和沒動一樣,最多多了一點的空格而已。所以現(xiàn)在要用到的就是我們本篇文章所說的br標(biāo)簽的用處了。
<br>標(biāo)簽是一個單標(biāo)簽,br就是用來給文本換行顯示的,讓瀏覽器識別的。
所以,現(xiàn)在我們看段代碼:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>PHP中文網(wǎng)</title>
</head>
<body>
<p>這里是PHP中文網(wǎng),有著最全的在線教學(xué)的課程,包含了全部的編程學(xué)科,讓你們能學(xué)到更多的東西。這里是PHP中文網(wǎng),有著最全的
在線教學(xué)的課程,包含了全部的編程學(xué)科,讓你們能學(xué)到更多的東西。這里是PHP中文網(wǎng),有著最全的在線教學(xué)的課程,包含了全部的編
程學(xué)科,讓你們能學(xué)到更多的東西。這里是PHP中文網(wǎng),有著最全的在線教學(xué)的課程,包含了全部的編程學(xué)科,讓你們能學(xué)到更多的東西
。</p>
</body>
</html>
這里面是一個段落,看看效果:
如圖都是因為瀏覽器的窗口小了。所以顯示的行數(shù)多了,這是是不是很亂。但是我們要的是讓文本在哪一個字后面就不要顯示了,出現(xiàn)在下一行中顯示。(想看更多就來:html在線視頻教程)
現(xiàn)在我們加上<br>標(biāo)簽看看效果:
<body>
<p>這里是PHP中文網(wǎng),有著最全的在線教學(xué)的課程,包含了全部的編程學(xué)科,讓你們能學(xué)到更多的東西。</br>這里是PHP中文網(wǎng),有著
最全的在線教學(xué)的課程,包含了全部的編程學(xué)科,讓你們能學(xué)到更多的東西。</br>這里是PHP中文網(wǎng),有著最全的在線教學(xué)的課程,包
含了全部的編程學(xué)科,讓你們能學(xué)到更多的東西。</br>這里是PHP中文網(wǎng),有著最全的在線教學(xué)的課程,包含了全部的編程學(xué)科,讓你
們能學(xué)到更多的東西。</p>
</body>
看上面的代碼,我在里面放了三個br標(biāo)簽,看看效果:
是不是感覺瞬間就清晰了很多啊。這就是br標(biāo)簽的用法了。我們通常都是把br標(biāo)簽放在自己要想換行的地方,這樣才能起到作用,不然亂放或者不放的話都是對這個文本顯示不美觀,我們可以用br標(biāo)簽來調(diào)節(jié)這個文本的格式化。
好了,本篇關(guān)于HTML段落文本換行的文章到這里就結(jié)束了,如果有問題的可以在下方提問。
【小編推薦】
html中b標(biāo)簽和strong標(biāo)簽的區(qū)別是什么?b和strong區(qū)別的總結(jié)
HTML中添加圖片的代碼是什么?html如何正確的添加圖片路徑?
以上就是HTML中的段落文本如何換行?一篇文章告訴你換行標(biāo)簽br的用法的詳細(xì)內(nèi)容,更多請關(guān)注php中文網(wǎng)其它相關(guān)文章!
網(wǎng)站建設(shè)是一個廣義的術(shù)語,涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護(hù)的網(wǎng)站。