使用標籤分行顯示文字

2021-09-08 04:11:34 字數 1046 閱讀 4980

對於上一小節的例子,我們想讓那首詩顯示得更美觀些,如顯示下面效果:

怎麼可以讓每一句詩詞後面加入乙個折行呢?那就可以用到

標籤了,在需要加回車換行的地方加入

,標籤作用相當於word文件中的回車。

上節的**改為:

語法:xhtml1.0寫法:

html4.01寫法:

大家注意,現在一般使用 xhtml1.0 的版本的寫法(其它標籤也是),這種版本比較規範。

與以前我們學過的標籤不一樣,

標籤是乙個空標籤,沒有html內容的標籤就是空標籤,空標籤只需要寫乙個開始標籤,這樣的標籤有

講到這裡,你是不是有個疑問,想折行還不好說嘛,就像在 word 檔案檔或記事本中,在想要折行的前面輸入回車不就行了嗎?很遺憾,在 html 中是忽略回車和空格的,你輸入的再多回車和空格也是顯示不出來的。如下邊的**。

上面的**在瀏覽中顯示是沒有回車效果的。如下圖所示:

總結:在 html **中輸入回車、空格都是沒有作用的。在html文字中想輸入回車換行,就必須輸入

。示例:

暗淡輕黃體性柔,

情疏跡遠只香留。

何須淺碧深紅色,

自是花中第一流。

使用標籤分行顯示文字

怎麼可以讓每一句詩詞後面加入乙個折行呢?那就可以用到 標籤了,在需要加回車換行的地方加入 標籤作用相當於word文件中的回車。上節的 改為 語法 xhtml1.0寫法 html4.01寫法 大家注意,現在一般使用 xhtml1.0 的版本的寫法 其它標籤也是 這種版本比較規範。與以前我們學過的標籤不...

HTML body標籤 文字標籤

標題標題標籤共有六個,會將其中的資料加粗加黑顯示,並且顯示依次減弱,標題標籤自帶換行功能 塊級標籤 屬性 align center 居中 left 居左 right 居右 注意 標籤的屬性是對標籤的功能進一步的補充,可以由開發人員自由指定標籤的屬性值,來達到想要的顯示效果。hr 會在頁面顯示一條水平...

使用awk處理帶標籤文字

使用awk處理帶標籤文字 假設有 123abc456def789ghi 這麼乙個字串 題中的字串,要擷取長度5,則返回的字串應該為 123ab,要擷取長度8,應返回123abc45。附 1 和標記不得計算在長度之內。2 擷取後的字串,要保留原有標籤,不過如果最後有乙個標籤沒有閉合,則去掉其開始標籤。...