5.HTML格式標簽

.br 強制換行標簽

讓后面的文字、圖片、表格等等，顯示在下一行

碼海無際<br>碼海無際

2.p 換段落標簽

在網頁中要把文字有條理地顯示出來，離不開段落標簽，就如同我們平常寫文章一樣，整個網頁也可以分為若干個段落，而段落的標簽就是

<p>碼海無際</p><p>碼海無際</p>

3.hr 水平分割線標簽

在網頁中常常看到一些水平線將段落與段落之間隔開，使得文檔結構清晰，層次分明。這些水平線可以通過插入圖片實現，也可以簡單地通過標簽來完成，hr 就是創建橫跨網頁水平線的標簽。

碼海無際<hr>碼海無際

4.div 分區顯示標簽

分區顯示標簽，也稱之為層標簽，常用來編排一大段的HTML段落，也可以用于格式化表，和 p 很相似，是塊狀元素，經常嵌套使用。

<div>碼海無際</div><div>碼海無際</div><div>  <div>碼海無際</div>  <div>碼海無際</div></div>

5.span 行內標簽

用來組合文檔中的行內元素，沒有固定的格式表現。當對它應用樣式時，它才會產生視覺上的變化。

<span>碼海無際</span><span>碼海無際</span>

6.pre 預格式化標簽

pre 元素可定義預格式化的文本。被包圍在 pre 元素中的文本通常會保留空格和換行符。而文本也會呈現為等寬字體。

<pre>  碼海無際  碼海無際</pre>

7.ul 無序列表標簽

無序列表的各個列表項之間沒有順序級別之分，是并列的。

<ul>  <li>碼海無際</li>  <li>碼海無際</li>  <li>碼海無際</li></ul>

注意：

 1. <ul></ul>中只能嵌套<li></li>，直接在<ul></ul>標簽中輸入其他標簽或者文字的做法是不被允許的。 2. <li>與</li>之間相當于一個容器，可以容納所有元素。 3. 無序列表會帶有自己樣式屬性，但是不推薦使用，一般會用CSS設置。

8.ol 有序列表標簽

有序列表即為有排列順序的列表，其各個列表項按照一定的順序排列定義

1.格式：

<ol type="符號類型">    <li type="符號類型"></li>    <li type="符號類型"></li></ol>

2.有序列表的type屬性值:

1：阿拉伯數字1.2.3等等，默認type屬性值
A：大小字母A、B、C等等
a：小寫字母a、b、c等等
Ⅰ：大寫羅馬數字Ⅰ、Ⅱ、Ⅲ、Ⅳ等等
ⅰ：小寫羅馬數字ⅰ、ⅱ、ⅲ、ⅳ等等

3.有序列表的value屬性值:

指定一個新的序列數字起始值

4.列表可以進行嵌套

<ol>  <li>碼海無際</li>  <li>碼海無際</li>  <li>碼海無際</li></ol><hr><ol type="A">  <li>碼海無際</li>  <li>碼海無際</li>  <li>碼海無際</li></ol><hr><ol>  <li>碼海無際</li>  <li type="A">碼海無際</li>  <li>碼海無際</li></ol><hr><ol>  <li>碼海無際</li>  <li>碼海無際</li>  <li value="6" type="A">碼海無際</li>  <li>碼海無際</li>  <li>碼海無際</li></ol><hr><ol>  <li>碼海無際</li>  <li>碼海無際</li>  <li>    <ol type="A">      <li>志存高遠</li>      <li>志存高遠</li>    </ol>  </li>  <li>碼海無際</li>  <li>碼海無際</li></ol>

9.dl 自定義型列表標簽

對列表條目進行簡短的說明

<dl>  <dt>軟件說明：</dt>  <dd>這是軟件說明</dd>  <dt>軟件界面：</dt>  <dd>這是軟軟件界面</dd></dl>

10.center 居中對齊標簽

居中對齊

<center>碼海無際</center>

例

簡單的 HTML5 文檔：

<!DOCTYPE html>

<html>

<head>

</head>

<body>

文檔內容......

</body>

</html>

瀏覽器支持

所有主流瀏覽器都支持 <html> 標簽。

標簽定義及使用說明

<html> 標簽告知瀏覽器這是一個 HTML 文檔。

<html> 標簽是 HTML 文檔中最外層的元素。

<html> 標簽是所有其他 HTML 元素（除了 <!DOCTYPE> 標簽）的容器。

HTML 4.01 與 HTML5之間的差異

HTML5 中，增加了一個新屬性：manifest。

HTML 與 XHTML 之間的差異

xmlns 屬性在 XHTML 中是必需的，但在 HTML中不是。

然而，即使 XHTML 文檔中的 <html> 沒有使用 xmlns 屬性，W3C 上的 HTML 驗證器也不會報錯。這是因為 "xmlns=http://www.w3.org/1999/xhtml" 是一個固定值，即使您沒有包含它，此值也會被添加到 <html> 標簽中。

屬性

New ：HTML5 中的新屬性。

屬性	值	描述
manifestNew	URL	定義一個 URL，在這個 URL 上描述了文檔的緩存信息。
xmlns	http://www.w3.org/1999/xhtml	HTML 不支持。只有 XHTML 支持。規定 XML 的 namespace 屬性（如果您需要您的內容符合 XHTML，則使用這個屬性。）。

全局屬性

<html> 標簽支持 HTML 的全局屬性。

如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039，我們一起飛！

例

使用 <summary> 元素：

<p>All content and graphics on this web site are the property of the company Refsnes Data.</p>

</details>

瀏覽器支持

目前，只有 Chrome 和 Safari 6 支持 <summary> 標簽。

標簽定義及使用說明

<summary> 標簽為 <details> 元素定義一個可見的標題。當用戶點擊標題時會顯示出詳細信息。

HTML 4.01 與 HTML5之間的差異

<summary> 標簽是 HTML5 中的新標簽。

提示和注釋

注釋：<summary> 元素應該是 <details> 元素的第一個子元素。

全局屬性

<summary> 標簽支持 HTML 的全局屬性。

事件屬性

<summary> 標簽支持 HTML 的事件屬性。