一：相關概念了解
1：WEB標準的概念及其機構組成
WEB標準是一系列標準的集合，不是單一的某個標準。這些標準主要是由W3C（萬維網）起草以及發布。
2：網頁結構
網頁主要由三個部分構成，分別是HTML、CSS、JAVASCRIPT。作用分別是HTML用於編寫網頁的頁面結構，以方便對網頁的佈局和交互；CSS用於對網頁進行佈局排版，使網頁的結構看起來更加美觀；JAVASCRIPT用於人們和頁面產生的交互動作後產生響應。相應的編程語言如下：
結構化語言有XHTML和XML
表現語言是CSS
交互行為語言是對像模型，（如W3CDOM、ECMAScript等）
3:W3C指定的結構和表現的標準：結構（ XHTML、XML）、表現（CSS）；ECMA指定的行為標準：行為（DOM , ECMASCRIPT）
4:檔案名稱規格
檔案名稱必須是小寫字母開頭，後接底線、數字等，不可以使用中文或特殊字元作為檔案名稱。
二：HTML及其相關概念
1:超文本標記語言與可拓展超文本標記語言
HTML指的是超文本標記語言（Hyper Text Markup Language）,XHTML指的是可拓展超文本標記語言（Hyper Text Markup Language）,XHTML指的是可拓展超文本標記語言標記語言（EXtensible HyperText Language).
2：HTML5
HTML5指的是HTML的第五次重大修改；HTML5是W3C與WHATWG合作的結果。
3:HTML頁面結構
HTML頁面由標籤和屬性構成，一個HTML文檔主要由head（文件頭部）和body（文件主體）兩部分組成。 head部分一般不在瀏覽器視窗可見（除title和某些類型的meta標籤以及網頁logo外）；body部分就是使用者在瀏覽器視窗區域看到的內容。
html的根元素
檔案頭部 檔案主體，頁面上要顯示的內容必須放在身體體內。設定字元集、內容類型、編碼格式
頁面結構如下：
5：書寫規格
！
6：HTML基本語法
常規標記
標記>
空標記
常見的HTML標記
A:常見的塊狀標記
B:常見的內聯標記
a、span、br、i、em、strong、label、q、var、cite、code
8:網頁中常用的粗字> 右行
© 備案中圖示
9：超連結
超連結是WWW的基礎，也是其核心。點擊這些鏈接，就可以從當前WEB頁面跳轉進入到另一個web網頁。
其中target屬性表示是否在新視窗中開啟連結；其屬性值有兩個：_blank和_self;_blank表示在新視窗中開啟鏈接，_self表示在目前視窗中開啟連結。 空連結： 連結到其他網站的連結 yyy 連結到email 郵箱下載連結 檔案下載 檔案下載
URL又叫統一資源定位符，是WEB網頁的位址，由4個部分構成：http協議，域名，連接埠號，路徑。例如：http://www.cycf.org.cn:8080/index.html;其中http://稱為http協議，www.cycf.org.cn叫做域名，:8080叫做埠號,index.html叫做頁面路徑。
10：路徑
絕對路徑：
絕對路徑指的是主頁上的我呢或目錄在硬碟上的真正路徑，使用絕對路勁定位連結檔案比較清晰；但是其有兩個缺點：一則或目錄在硬碟上的真正路徑，使用絕對路勁定位連結檔比較清晰；但其有兩個缺點：一是需要輸入更多的內容；二是如果該文件被移動了，就需要重新設定所有的相關連結。
相對路徑：
相對路徑是最適合網站的內部連結的，只要是屬於同意網站下的，即使不再同一個目錄下，相對連結也非常適合。這種位址形式利用的是建立連結的兩個檔案之間的相對關係，不受網站資料夾所處伺服器位置的影響。因此這種書寫形式省略了絕對地址中的相同的相同部分。這樣的優點是：網站資料夾所處的伺服器位址發生改變時，資料夾的所有內部連結都不會出問題。
相對路徑的寫法：
A：當當前文件與目標檔案在同意目錄下，直接書寫目標檔案名稱+副檔名；資料夾在同一目錄下，寫法如下：
資料夾名稱/目標檔案全稱為+副檔名；
C：當目前檔案所處的資料夾與目標檔案所處的資料夾不在同一目錄下，並寫法如下：
../目標檔案所處資料夾名稱/目標檔案名稱+副檔名
