HTML 元素：
"HTML 標簽" 和 "HTML 元素" 通常都是描述同樣的意思，但是嚴格來講, 一個 HTML 元素包含了開始標簽與結束標簽，如下實例:
HTML 元素:
<p>這是一個段落。</p>
Web 瀏覽器：
Web瀏覽器（如谷歌瀏覽器，Internet Explorer，Firefox，Safari）是用于讀取HTML文件，并將其作為網頁顯示（本教程將使用360安全瀏覽器）。瀏覽器并不是直接顯示的HTML標簽，但可以使用標簽來決定如何展現HTML頁面的內容給用戶：
HTML 網頁結構：
下面是一個可視化的HTML頁面結構：
只有 <body> 區域 (白色部分) 才會在瀏覽器中顯示。
HTML版本：
從初期的網絡誕生后，已經出現了許多HTML版本:
<!DOCTYPE> 聲明
<!DOCTYPE>聲明有助于瀏覽器中正確顯示網頁。
網絡上有很多不同的文件，如果能夠正確聲明HTML的版本，瀏覽器就能正確顯示網頁內容。
doctype 聲明是不區分大小寫的，以下方式均可：
<!DOCTYPE html>
<!DOCTYPE HTML>
<!doctype html>
<!Doctype Html>
通用聲明
HTML5
<!DOCTYPE html>
HTML 4.01
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
XHTML 1.0
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
中文編碼
中文編碼
目前在大部分瀏覽器中，直接輸出中文會出現中文亂碼的情況，這時候我們就需要在頭部將字符聲明為 UTF-8。
HTML 實例
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>頁面標題</title>
</head>
<body>
<h1>我的第一個標題</h1>
<p>我的第一個段落。</p>
</body>
</html>
【注】1.doctype 聲明是不區分大小寫的，用來告知 Web 瀏覽器頁面使用了哪種 HTML 版本。在HTML 4.01 中，<!DOCTYPE> 聲明需引用 DTD （文檔類型聲明），因為 HTML 4.01 是基于 SGML（Standard Generalized Markup Language 標準通用標記語言）。HTML 4.01 規定了三種不同的 <!DOCTYPE> 聲明，分別是：Strict、Transitional 和 Frameset。HTML5 不是基于 SGML，因此不要求引用 DTD。
2. 對于中文網頁需要使用 <meta charset="utf-8"> 聲明編碼，否則會出現亂碼。有些瀏覽器(如 360 瀏覽器)會設置 GBK 為默認編碼，則你需要設置為 <meta charset="gbk">。目前在大部分瀏覽器中，直接輸出中文會出現中文亂碼的情況，這時候需要在頭部將字符聲明為 UTF-8。
本文為 HTML 基礎教程第四章，下一章：HTML編輯器
【小提示】tips:本文由數據微學院作者原創，轉載請注明來源或聯系作者。更多優秀參考好文請關注【數據微學院】360doc 個人圖書館。
