2.1 HTML概述
目前，Web前端開發仍以HTML4為基礎，HTML5代碼在瀏覽器支持的情況下使用。
2.1 初識HTML
2.1.1 標記語言
標記語言是一種將文本以及與文本相關的其他信息結合起來，從而展現出文檔結構和數據處理細節的計算機文字編碼。所以說，標記語言是一種注釋文本的語言。標記語言的種類很多，對Web開發與設計而言，常用的標記語言有XML、HTML和XHTML三種。
2.1.2 從HTML到XHTML
HTML（Hyper Text Markup Language，超文本標記語言）是為“網頁創建和其他可在網頁瀏覽器中看到的信息”設計的一種標記語言。HTML文檔在瀏覽器上運行，并由瀏覽器解析。XHTML是基于XML的HTML，是一種更純潔、更嚴格、更規范的HTML代碼。
2.1.3 HTML文檔（網頁）的基本結構
HTML文檔即網頁，是用HTML編寫的。此文檔由文檔類型定義（DTD）和HTML標簽組成。其中，文檔類型定義主要聲明文檔遵守HTML的哪一個版本，放在文檔的開頭；接在后面的是HTML標簽，用來表示網頁中有哪些元素。HTML文檔的基本結構如圖2-1所示。
圖2-1 HTML文檔的基本結構
2.1.4 HTML的基本組成
●文檔類型定義（DTD）：放在HTML文檔的第一句，聲明文檔遵守HTML的哪一個版本。具體如表2-1所示。
表2-1 不同HTML版本的DTD
●HTML標簽：標簽都要用“<”和“>”括起來，如<html>…</html>、<head>…</head>、<body>…</body>等。HTML標簽不區分大小寫，但W3C建議使用小寫。
●雙標簽：雙標簽由開始標簽和結束標簽組成，必須成對使用，如<div>…</div>。
●單標簽：有些標簽單獨使用就可以完整地表達意思，這種標簽稱為單標簽，如<br>。單標簽沒有結束標記，但Web標準建議單標簽也要加上/，如<br>要寫成<br/>。
●元素：一對標簽包含的所有內容稱為元素。如<div>元素</div>。
●屬性：屬性提供了有關標簽更多的信息，屬性以“屬性=值”的格式在開始標簽中定義。一個標簽可以定義多個屬性，各屬性間以空格隔開，如<img src="images/p1.jpg"width="200px"/>。
2.1.5 幾個常用的HTML開發編輯工具
HTML網頁為文本文檔，常用的編輯工具有NotePad++、VS.NET、SublimeText、WebStorm、Atom、HBuilder、Dreamweaver等。