此介紹以google首頁源代碼截圖為例：
從上到下依次介紹：
1.<!DOCTYPE html>
此標簽可告知瀏覽器文檔使用哪種 HTML 或 XHTML 規范。
XHTML規范：必須小寫，有開始結束標簽，屬性也用雙引號。
HTML規范：不區分大小寫，有開始和結束標簽，也可把結束標簽放在開始標簽里，如：<input type='text' /> 。屬性可用雙引號、單引號(必須配對使用)。
2.HTML 節點：HTML頁面的根節點，頁面的代碼信息都放在這個節點里。
<head> 節點：頭部節點。包含以下子節點：
<mete> 標簽：提供頁面的元信息(meta-information),比如頁面關鍵字；
<title> 標簽：頁面的標題；
<script> 標簽：一般存放Css和JavaScript代碼的區域；
<Body> 節點：頁面內容區域，存放html各元素信息
<Div> 標簽 ： 存放各元素控件。
<script> 標簽：因為Html頁面是從上到下加載，不是加載完再一次性顯示內容，而是一邊加載一邊展示內容。
把Script放在body的后面，類似於說明此Script里的代碼要調用body里的元素。若放在Head標簽里，運行到此script代碼時，body里的元素還沒有加載，會獲取不到所需的元素信息。