網頁主要由三部分組成:結構、表現和行為。
Html-structure，它決定了網頁的結構和內容(“什麽”)。
CSS-Presentation (style)，設置網頁的呈現風格(“什麽”)。
JavaScript(JS)-行為，控制網頁的行為(“做什麽”)。
首先，HTML語言
1.1什麽是HTML語言(HTML概述)
英文全稱:超文本標記語言
中文全稱:超文本標記語言
HTML語言是制作網頁最基本的語言，只能通過網頁瀏覽器顯示。
超級用戶:
HTML制作的網頁可以通過其中的鏈接從壹個網頁“跳轉”到另壹個網頁。
文本(文本):
HTML是壹種文本解釋的編程語言，也就是說，當它直接在瀏覽器中運行而不進行編譯時，它的源代碼就被“翻譯”了。
標記(標誌):
HTML的基本規則是使用“標記語言”——由成對的尖括號組成的標記元素，來描述網頁內容在瀏覽器中的顯示方式。
1.2 HTML文檔結構
HTML文檔通常由兩部分組成:
1.？內容信息(文字、圖片等。)要在文檔中表達出來；
2.？壹系列HTML標簽；
1.3 HTML標記
1.3.1什麽是HTML標簽？
1.？HTML標簽用
單壹標簽:
雙標簽:& lt/結束標記>
例如:
& ltbr/>；
& ltdiv & gt& lt/div & gt；
2.？通常使用雙標簽。開始標簽對應於結束標簽。標簽內容寫在開始標簽和結束標簽之間。
& ltdiv & gt標簽內容
3.？在元素的開始標記中，還可以包含“屬性”來設置元素的其他特征。壹個標記可以有多個屬性，每個屬性用空格分隔。
& ltDiv attribute name = "屬性值" > & lt/div & gt；
例如:
& ltdiv class="wrap" id="wrap " >& lt/div & gt；
4.？每對雙標簽可以嵌套，但不能交叉。
正確示例:
& ltdiv & gt
& ltp & gt& lt/p & gt；
& lt/div & gt；
錯誤示例:
& ltdiv & gt
& ltp & gt
& lt/div & gt；
& lt/p & gt；
1.4編碼器
1.4.1 WebStorm源代碼主題標簽含義
& lt！DOCTYPE & gt：
是語句，不是HTML標記；它用於告訴web瀏覽器使用哪個HTML版本來編寫頁面。
& lthtml & gt：
& lthtml & gt是成對出現的文檔標識符，第壹個標記
用html寫的。標簽沒有任何屬性。
& lthead & gt：
& lthead & gt標簽用於定義文檔的標題，它是所有標題元素的容器。& lthead & gt中的元素可以引用腳本，指示瀏覽器在哪裏可以找到樣式表，提供元信息等等。
& ltmeta & gt：
& ltmeta & gt標簽位於文檔的頭部，用於定義文件信息和解釋網頁文件。其中name屬性主要用來描述網頁，對應的屬性值是content，在content中。
內容主要用於方便搜索引擎機器人查找信息和對信息進行分類。
& ltbody & gt：
& ltbody & gt標簽用於定義文檔的主體，即在瀏覽器中看到的網頁內容。