1. 程式人生 > >html標題、段落、換行與字元實體

html標題、段落、換行與字元實體

html標題

通過 <h1>、<h2>、<h3>、<h4>、<h5>、<h6>,標籤可以在網頁上定義6種級別的標題。6種級別的標題表示文件的6級目錄層級關係,比如說: <h1>用作主標題(最重要的),其後是 <h2>(次重要的),再其次是 <h3>,以此類推。搜尋引擎會使用標題將網頁的結構和內容編制索引,所以網頁上使用標題是很重要的。

<h1>這是一級標題</h1>
<h2>這是二級標題</h2>
<h3>這是三級標題</h3>

html段落、換行與字元實體

html段落
<p>標籤定義一個文字段落,一個段落含有預設的上下間距,段落之間會用這種預設間距隔開,程式碼如下:
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>段落</title>
</head>
<body>
    <p>HTML是 HyperText Mark-up Language 的首字母簡寫,意思是超文字標記語言,超
    文字指的是超連結,標記指的是標籤,是一種用來製作網頁的語言,這種語言由一個個的
    標籤組成,用這種語言製作的檔案儲存的是一個文字檔案,檔案的副檔名為html或者htm。
    </p>

    <p>一個html檔案就是一個網頁,html檔案用編輯器開啟顯示的是文字,可以用文字的方
    式編輯它,如果用瀏覽器開啟,瀏覽器會按照標籤描述內容將檔案渲染成網頁,顯示的網
    頁可以從一個網頁連結跳轉到另外一個網頁。</p>
</body>
</html>

html換行

程式碼中成段的文字,直接在程式碼中回車換行,在渲染成網頁時候不認這種換行,如果真想換行,可以在程式碼的段落中插入<br />來強制換行,程式碼如下:

<p>
一個html檔案就是一個網頁,html檔案用編輯器開啟顯示的是文字,可以用<br />
文字的方式編輯它,如果用瀏覽器開啟,瀏覽器會按照標籤描述內容將檔案<br />
渲染成網頁,顯示的網頁可以從一個網頁連結跳轉到另外一個網頁。
</p>

html字元實體

程式碼中成段的文字,如果文字間想空多個空格,在程式碼中空多個空格,在渲染成網頁時只會顯示一個空格,如果想顯示多個空格,可以使用空格的字元實體,程式碼如下:

<!--  在段落前想縮排兩個文字的空格,使用空格的字元實體:    -->
<p>
  一個html檔案就是一個網頁,html檔案用編輯器開啟顯示的是文字,可以用<br />
文字的方式編輯它,如果用瀏覽器開啟,瀏覽器會按照標籤描述內容將檔案<br />
渲染成網頁,顯示的網頁可以從一個網頁連結跳轉到另外一個網頁。</p>

在網頁上顯示 “<” 和 “>” 會誤認為是標籤,想在網頁上顯示“<”和“>”可以使用它們的字元實體,比如:

<!-- “<” 和 “>” 的字元實體為 < 和 >  -->
<p>
    3 < 5 <br>
    10 > 5
</p>