對(duì)于上一小節(jié)的例子,我們想讓那首詩(shī)顯示得更美觀些,如顯示下面效果:
怎么可以讓每一句詩(shī)詞后面加入一個(gè)折行呢?那就可以用到<br />標(biāo)簽了,在需要加回車(chē)換行的地方加入<br />,<br />標(biāo)簽作用相當(dāng)于word文檔中的回車(chē)。
上節(jié)的代碼改為:

語(yǔ)法:
xhtml1.0寫(xiě)法:
<br />
html4.01寫(xiě)法:
<br>
大家注意,現(xiàn)在一般使用 xhtml1.0 的版本的寫(xiě)法(其它標(biāo)簽也是),這種版本比較規(guī)范。
與以前我們學(xué)過(guò)的標(biāo)簽不一樣,<br />標(biāo)簽是一個(gè)空標(biāo)簽,沒(méi)有HTML內(nèi)容的標(biāo)簽就是空標(biāo)簽,空標(biāo)簽只需要寫(xiě)一個(gè)開(kāi)始標(biāo)簽,這樣的標(biāo)簽有<br />、<hr />和<img />。
講到這里,你是不是有個(gè)疑問(wèn),想折行還不好說(shuō)嘛,就像在 word 文件檔或記事本中,在想要折行的前面輸入回車(chē)不就行了嗎?很遺憾,在 html 中是忽略回車(chē)和空格的,你輸入的再多回車(chē)和空格也是顯示不出來(lái)的。如下邊的代碼。
上面的代碼在瀏覽中顯示是沒(méi)有回車(chē)效果的。如下圖所示:
總結(jié):在 html 代碼中輸入回車(chē)、空格都是沒(méi)有作用的。在html文本中想輸入回車(chē)換行,就必須輸入<br />。
我來(lái)試試:用<br>標(biāo)簽,為李清照的《詠桂》詩(shī)句添加回車(chē),使其顯示更美觀
1. 在右部編輯器中的第11行,每一句詩(shī)文后加入一個(gè)回車(chē)。使詩(shī)文在瀏覽器中顯示為:

1. 最后一句詩(shī)后面“自是花中第一流”不需要<br />噢!
請(qǐng)驗(yàn)證,完成請(qǐng)求
由于請(qǐng)求次數(shù)過(guò)多,請(qǐng)先驗(yàn)證,完成再次請(qǐng)求
打開(kāi)微信掃碼自動(dòng)綁定
綁定后可得到
使用 Ctrl+D 可將課程添加到書(shū)簽
舉報(bào)