首頁 >web前端 >html教學 >html文字換行是怎麼實現的? (程式碼範例)

html文字換行是怎麼實現的? (程式碼範例)

藏色散人
藏色散人原創
2018-08-09 17:17:1511310瀏覽

html中換行是一個簡單實現的功能,只是對新手來說,可能一時半會想不起來或無從下手。那麼這篇文章簡單的跟大家介紹html 文字換行是怎麼實現的呢?當然有一種直接的方法就是程式碼中成段的文字,可以直接在程式碼中回車換行,但是在渲染成網頁時候是不認同這種換行,如果真想換行,可以在程式碼的段落中插入一個標籤來強制換行。

html文字換行具體程式碼範例如下:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>html文本换行测试</title>
</head>
<body>
<p>php中文网(php.cn)提供大量免费、原创、高清的php视频教程,<br />在学习的时候可以直接在线修改示例,<br />查看php执行效果是本站的一大特色,php从入门到精通,一站式php自学平台。</p>
</body>
</html>

效果如下圖:

html文字換行是怎麼實現的? (程式碼範例)

那麼本文透過展示具體的html換行程式碼實測介紹,希望對有需要的朋友們有幫助!

附註:

一、所有瀏覽器都支援 html換行標籤
標籤。

二、他的定義和用法:


可插入一個簡單的換行符。


標籤是空標籤(表示它沒有結束標籤,因此這是錯誤的:
)。在 XHTML 中,把結束標籤放在開始標籤中,也就是


標籤只是簡單地開始新的一行,而當瀏覽器遇到

標籤時,通常會在相鄰的段落之間插入一些垂直的間距。

三、HTML 與 XHTML 之間的差異

在 HTML 中,
標籤沒有結束標籤。

在 XHTML 中,
標籤必須正確地關閉,例如這樣:

#

以上是html文字換行是怎麼實現的? (程式碼範例)的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn