# HTML 元素
**HTML 文檔是由 HTML 元素定義的。**
## HTML 元素
HTML 元素指的是從開始標簽(start tag)到結束標簽(end tag)的所有代碼。
| 開始標簽 | 元素內容 | 結束標簽 |
| --- | --- | --- |
| `<p>` | This is a paragraph | `</p>` |
| `<a href="default.htm" >` | This is a link | `</a>` |
| `<br />` |
注釋:開始標簽常被稱為開放標簽(opening tag),結束標簽常稱為閉合標簽(closing tag)。
## HTML 元素語法
* HTML 元素以_開始標簽_起始
* HTML 元素以_結束標簽_終止
* _元素的內容_是開始標簽與結束標簽之間的內容
* 某些 HTML 元素具有_空內容(empty content)_
* 空元素_在開始標簽中進行關閉_(以開始標簽的結束而結束)
* 大多數 HTML 元素可擁有_屬性_
提示:您將在本教程的下一章中學習更多有關屬性的內容。
## 嵌套的 HTML 元素
大多數 HTML 元素可以嵌套(可以包含其他 HTML 元素)。
HTML 文檔由嵌套的 HTML 元素構成。
### HTML 文檔實例
```
<html>
<body>
<p>This is my first paragraph.</p>
</body>
</html>
```
上面的例子包含三個 HTML 元素。
## HTML 實例解釋
### <p> 元素:
```
<p>This is my first paragraph.</p>
```
這個 <p> 元素定義了 HTML 文檔中的一個段落。
這個元素擁有一個開始標簽 <p>,以及一個結束標簽 </p>。
元素內容是:This is my first paragraph。
### <body> 元素:
```
<body>
<p>This is my first paragraph.</p>
</body>
```
<body> 元素定義了 HTML 文檔的主體。
這個元素擁有一個開始標簽 <body>,以及一個結束標簽 </body>。
元素內容是另一個 HTML 元素(p 元素)。
### <html> 元素:
```
<html>
<body>
<p>This is my first paragraph.</p>
</body>
</html>
```
<html> 元素定義了整個 HTML 文檔。
這個元素擁有一個開始標簽 <html>,以及一個結束標簽 </html>。
元素內容是另一個 HTML 元素(body 元素)。
## 不要忘記結束標簽
即使您忘記了使用結束標簽,大多數瀏覽器也會正確地顯示 HTML:
```
<p>This is a paragraph
<p>This is a paragraph
```
上面的例子在大多數瀏覽器中都沒問題,但不要依賴這種做法。忘記使用結束標簽會產生不可預料的結果或錯誤。
注釋:未來的 HTML 版本不允許省略結束標簽。
## 空的 HTML 元素
沒有內容的 HTML 元素被稱為空元素。空元素是在開始標簽中關閉的。
<br> 就是沒有關閉標簽的空元素(<br> 標簽定義換行)。
在 XHTML、XML 以及未來版本的 HTML 中,所有元素都必須被關閉。
在開始標簽中添加斜杠,比如 <br />,是關閉空元素的正確方法,HTML、XHTML 和 XML 都接受這種方式。
即使 <br> 在所有瀏覽器中都是有效的,但使用 <br /> 其實是更長遠的保障。
## HTML 提示:使用小寫標簽
HTML 標簽對大小寫不敏感:<P> 等同于 <p>。許多網站都使用大寫的 HTML 標簽。
W3School 使用的是小寫標簽,因為萬維網聯盟(W3C)在 HTML 4 中_推薦_使用小寫,而在未來 (X)HTML 版本中_強制_使用小寫。
- HTML 基礎
- HTML 簡介
- 基本的 HTML 標簽 - 四個實例
- HTML 元素
- HTML 屬性
- HTML 標題
- HTML 段落
- HTML 文本格式化
- HTML 編輯器
- HTML CSS
- HTML 鏈接
- HTML 圖像
- HTML 表格
- HTML 列表
- HTML <div> 和 <span>
- HTML 布局
- HTML 表單和輸入
- HTML 框架
- HTML Iframe
- HTML 背景
- HTML 顏色
- HTML 顏色名
- HTML 4.01 快速參考
- HTML 高級
- HTML <!DOCTYPE>
- HTML 頭部元素
- HTML 腳本
- HTML 字符實體
- HTML 統一資源定位器
- HTML URL 字符編碼
- HTML Web Server
- HTML 媒體
- HTML 多媒體
- HTML Object 元素
- HTML 音頻
- HTML 視頻
- HTML XHTML
- XHTML 簡介
- XHTML - 元素
- XHTML - 屬性
- HTML 5 教程
- HTML 5 簡介
- HTML 5 視頻
- HTML 5 Video + DOM
- HTML 5 音頻
- HTML 5 拖放
- HTML 5 Canvas
- HTML5 內聯 SVG
- HTML 5 Canvas vs. SVG
- HTML5 地理定位
- HTML 5 Web 存儲
- HTML 5 應用程序緩存
- HTML 5 Web Workers
- HTML 5 服務器發送事件
- HTML5 Input 類型
- HTML5 表單元素
- HTML5 表單屬性
- CSS 基礎
- CSS 簡介
- CSS 基礎語法
- CSS 高級語法
- CSS 派生選擇器
- CSS id 選擇器
- CSS 類選擇器
- CSS 屬性選擇器
- 如何創建 CSS
- CSS 樣式
- CSS 背景
- CSS 文本
- CSS 字體
- CSS 鏈接
- CSS 列表
- CSS 表格
- CSS 輪廓
- CSS 框模型
- CSS 框模型概述
- CSS 內邊距
- CSS 邊框
- CSS 外邊距
- CSS 外邊距合并
- CSS 定位
- CSS 定位 (Positioning)
- CSS 相對定位
- CSS 絕對定位
- CSS 浮動
- CSS 選擇器
- CSS 元素選擇器
- CSS 分組
- CSS 類選擇器詳解
- CSS ID 選擇器詳解
- CSS 屬性選擇器詳解
- CSS 后代選擇器
- CSS 屬性選擇器詳解
- CSS 后代選擇器
- CSS 子元素選擇器
- CSS 相鄰兄弟選擇器
- CSS 偽類 (Pseudo-classes)
- CSS 偽元素 (Pseudo-elements)
- CSS 高級
- CSS 水平對齊
- CSS 尺寸 (Dimension)
- CSS 分類 (Classification)
- CSS 導航條
- CSS 圖片庫
- CSS 圖像透明度
- CSS2 媒介類型
- CSS 注意事項
- CSS3 教程
- CSS3 簡介
- CSS3 邊框
- CSS3 背景
- CSS3 文本效果
- CSS3 字體
- CSS3 2D 轉換
- CSS3 3D 轉換
- CSS3 過渡
- CSS3 動畫
- CSS3 多列
- CSS3 用戶界面
- Firebug 教程
- Firebug 教程
- 使用Firebug查看和編輯HTML和CSS
- 使用 Firebug 調試 JavaScript
- Firebug頁面概況查看
- Firebug動態執行JavaScript
- Firebug記錄Javascript日志
- Firebug監控網絡情況
- 免責聲明