無論是HTML還是XHTML，它們都是一種超級文字編碼的規範，是Web頁的標準，因此，要開發Web頁面就必須遵循這個規範，而遵循的前提是必須理解並掌握規範的結構和語法，在接下來的章節中，我們來詳細介紹HTML程式結構和語法。
相對於其他開發類語言，HTML的程式結構最為簡單，它本質上是一個頁面格式的文字檔案，常以.html或htm為副檔名，該檔案的整體結構分為三大部分，其中第一部分是html標記，該標記又包括兩個部分，分別為head（頭部）和body（主體）部分，
在上述HTML程式結構圖中，需要說明的，第1行中的程式碼用於告訴瀏覽器的解析器使用什麼文件標準來解析這個頁面，因為本示例的標準是HTML 4.0.1，因此，它要先引入dtd連結，才能獲取到頁面的文件型別。
另外，head（頭部）中的程式碼只用於執行和匯入檔案，並不會在頁面中顯示，而body（主體）部分中的程式碼，則是作為頁面構建元素，解析並顯示在頁面中。
為了能讓瀏覽器按照指定的型別成功地解析頁面元素，除了宣告解析型別外，還要定義頁面的編碼格式，編碼對於一個頁面而言非常重要，處理不當時，將使頁面出現亂碼，因此，每個開發人員都必須掌握頁面編碼的相關知識。
通常情況下，頁面在頭部位置通過新增mate元素來定義編碼的格式，這個元素在宣告編碼格式時，與其他元素相比而言，非常特別，該元素通過“http-equiv”屬性指定編碼的名稱是“content-type”,再新增“content”屬性指定名稱對應的值.
需要說明的是，頁面的編碼格式名稱由“http-equiv”屬性來指定，即“Content-Type”，表示頁面檔案中的內容型別，格式名稱對應的值則通過“content”屬性來指定，即“text/html；charset=utf-8”，表示內容型別是以utf-8格式進行編碼的文字或html字符集。
不同種類的編碼格式，它解析頁面的效果是不一樣的，目前常用的編碼格式有以下兩種,一種是“utf-8”，另外一種是“gb2312”，前者支援的語言要廣泛些，如它支援中文簡體與繁體字元，而後者僅支援中文簡體，因此，大部分的頁面格式都以前者為主。
如果頁面指定的編碼格式與檔案本身儲存的編碼格式不匹配，那麼，需要通過以文字方式開啟頁面檔案，並點選“檔案“選單的“另存為(A)…”選項，修改頁面檔案儲存的格式.
通過上述的操作，可以解決大多數頁面因為指定編碼與檔案本身編碼不一致，導致頁面出顯亂碼的問題。
頁面是一種按HTML標準開發的超級文字，而組成頁面的基本單位是元素，元素是由左尖括號(“<”)和右尖括號（“>”）所括住的指令標記，因此，又稱為標記，用來向瀏覽器傳送標記指令，標記分為兩大類，一類是雙標記，另一類是單標記.
雙標記是頁面中最為常用的標記，它有明顯的開始與結束標誌，兩個尖括號中的內容為標記內容，開始標記中可以新增屬性，等號左邊為屬性名稱，右邊則為名稱對應的值。
與雙標記對應的是單標記，它在頁面中的使用並不多。
單標記結構與雙標記相比而言，最明顯的就是沒有標記的內容區，因些，單標記並不能顯示任何內容，只是實現相應的功能。
更多內容請新增微信：madongweikai，或掃描下方二維碼新增