如何在HTML的`
`標籤中換行文字?


在本文中,我們將學習如何在HTML的<pre>標籤中換行文字。HTML的`

`標籤用於顯示預格式化的文字塊。

預格式化文字是指已經過格式化並且不應進一步格式化的文字。

`

`標籤也需要一個閉合標籤(`
`),就像許多其他HTML元素一樣。

語法

以下是`

`標籤的基本語法。

<pre>
   Enter text here…
</pre>

當您透過`

`標籤在網頁中顯示文字時,它將以您編寫時的格式顯示。也就是說,空格和縮排等所有設定都會保持不變。

如今,該標籤最常用的用途是表示程式設計程式碼。為此,它與``一起使用。

程式設計程式碼由空格和縮排表示,只有這樣才有意義。這就是為什麼使用`

`標籤來表示程式設計程式碼的原因。現在這已經成為一種標準,每個人都遵循它。

示例

以下是一個在HTML的`

`標籤中換行文字的示例程式。

<!DOCTYPE html> <html> <head><title>pre</title></head> <body> <pre> function trigger() { document.getElementById("hover") .addEventListener("mouseover",popup); function popup() { alert("Welcome to my WebPage !!!"); } } </pre> </body> </html>

示例

以下是一個我們沒有使用`

`標籤的示例程式。

<!DOCTYPE html> <html><head><title>pre</title></head> <body> To Date: 25/Jan/2020 The principal NMA College Hyderabad Subject: "APPLICATION FOR SICK LEAVE." Sir/madam Respectfully I bag to say that I am suffering from fiver and body pain. So my doctor suggest me totally bad rest for 10 days. That is on 25/Jan/2019 to5/Feb/2019. I will think of going only if you accept my request. I will highly obliged. Thanking You Your faithfully Lokesh B 10th class </body> </html>

示例

以下是一個在HTML的`

`標籤中換行文字的示例程式。

<!DOCTYPE html> <html><head><title>pre</title></head> <body> <pre> To Date: 25/Jan/2020 The principal NMA College Hyderabad Subject: "APPLICATION FOR SICK LEAVE." Sir/madam Respectfully I bag to say that I am suffering from fiver and body pain. So my doctor suggest me totally bad rest for 10 days. That is on 25/Jan/2019 to5/Feb/2019. I will think of going only if you accept my request. I will highly obliged. Thanking You Your faithfully Lokesh B 10th class </pre> </body> </html>

更新於:2023年11月24日

839 次瀏覽

啟動您的職業生涯

完成課程獲得認證

開始學習
廣告
© . All rights reserved.