<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鳥教程(runoob.com)</title>
</head>
<body>
<h1>我的第一個标題</h1>
<p>我的第一個段落。</p>
</body>
</html>
<!DOCTYPE html> 聲明為 HTML5 文檔
<html> 元素是 HTML 頁面的根元素
<head> 元素包含了文檔的元（meta）資料，如 <meta charset="utf-8"> 定義網頁編碼格式為 utf-8。
<title> 元素描述了文檔的标題
<body> 元素包含了可見的頁面内容
<h1> 元素定義一個大标題
<p> 元素定義一個段落
注：在浏覽器的頁面上使用鍵盤上的 F12 按鍵開啟調試模式，就可以看到組成标簽。
HTML 是用來描述網頁的一種語言。
HTML 指的是超文本标記語言: <b>H</b>yper<b>T</b>ext <b>M</b>arkup <b>L</b>anguage
HTML 不是一種程式設計語言，而是一種<b>标記</b>語言
标記語言是一套<b>标記标簽</b> (markup tag)
HTML 使用标記标簽來<b>描述</b>網頁
HTML 文檔包含了HTML<b> 标簽</b>及<b>文本</b>内容
HTML文檔也叫做<b> web 頁面</b>
HTML 标記标簽通常被稱為 HTML 标簽 (HTML tag)。
HTML 标簽是由尖括号包圍的關鍵詞，比如 <html>
HTML 标簽通常是成對出現的，比如 <b> 和 </b>
标簽對中的第一個标簽是開始标簽，第二個标簽是結束标簽
開始和結束标簽也被稱為開放标簽和閉合标簽
<标簽>内容</标簽>
"HTML 标簽" 和 "HTML 元素" 通常都是描述同樣的意思.
但是嚴格來講, 一個 HTML 元素包含了開始标簽與結束标簽，如下執行個體:
HTML 元素:
<p>這是一個段落。</p>
Web浏覽器（如谷歌浏覽器，Internet Explorer，Firefox，Safari）是用于讀取HTML檔案，并将其作為網頁顯示。
浏覽器并不是直接顯示的HTML标簽，但可以使用标簽來決定如何展現HTML頁面的内容給使用者：
下面是一個可視化的HTML頁面結構：
<title>頁面标題</title>
<h1>這是一個标題</h1>
<p>這是另外一個段落。</p>
隻有 <body> 區域 (白色部分) 才會在浏覽器中顯示。
從初期的網絡誕生後，已經出現了許多HTML版本:
版本
釋出時間
HTML
1991
HTML+
1993
HTML 2.0
1995
HTML 3.2
1997
HTML 4.01
1999
XHTML 1.0
2000
HTML5
2012
XHTML5
2013
<!DOCTYPE>聲明有助于浏覽器中正确顯示網頁。
網絡上有很多不同的檔案，如果能夠正确聲明HTML的版本，浏覽器就能正确顯示網頁内容。
doctype 聲明是不區分大小寫的，以下方式均可：
<!DOCTYPE HTML>
<!doctype html>
<!Doctype Html>
<!DOCTYPE HTML PUBLIC
"-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
檢視完整網頁聲明類型
DOCTYPE 參考手冊。
目前在大部分浏覽器中，直接輸出中文會出現中文亂碼的情況，這時候我們就需要在頭部将字元聲明為 UTF-8 或 GBK。
<meta charset="UTF-8">
<title>
頁面标題</title>