首頁 > web前端 > H5教程 > 主體

H5段落的使用方法

php中世界最好的语言
發布: 2018-04-19 17:20:04
原創
2727 人瀏覽過

這次帶給大家H5段落的使用方法,H5段落使用的注意事項有哪些,下面就是實戰案例,一起來看一下。

HTML可以將文件分割成若干個段落,這樣能讓文件更有規律、美觀。

HTML段落:

HTML文件中,段落是透過

標籤定義的;

#

段落一

#

段落二

# ps:執行HTML文檔,瀏覽器會自動在段落前後新增空白行

大多數HTML文件現在都會自動補全結束標籤,不過大家還是得養成好習慣,主動添加好結束標籤,相信在未來的HTML發展趨勢下,是不允許省略結束標籤的。

在對於段落的編寫中,如果你不希望另起一個段落換行的話可以是使用
標籤,在段落中換行,不影響段落的編輯。

第一行

# 第二排

#

# 段落內完整的分行還可以使用
標籤,使用效果還蠻不錯的。

這裡的
元素是HTML的一個空元素,關閉標籤沒有意義,所以它沒有結束標籤。

HTML輸出使用提醒:

我們無法確定 HTML 被顯示的確切效果。螢幕的大小,以及對視窗的調整都可能導致不同的結果。
對於 HTML,您無法透過在 HTML 程式碼中新增額外的空格或換行來改變輸出的效果。
當顯示頁面時,瀏覽器會移除原始碼中多餘的空格和空白行。所有連續的空格或空白行都會被算作一個空格。需要注意的是,HTML 程式碼中的所有連續的空白行(換行)也被顯示為一個空格。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<h1>春晓</h1>
<p>
    春眠不觉晓,
      处处闻啼鸟。
        夜来风雨声,
          花落知多少。
</p>
<p>注意,浏览器忽略了源代码中的排版(省略了多余的空格和换行)。</p>
</body>
</html>
登入後複製

我相信看了本文案例你已經掌握了方法,更多精彩請關注php中文網其它相關文章!

推薦閱讀:

H5的文字格式化使用方法

H5 C3 JS實作樓層跳躍特效

以上是H5段落的使用方法的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!