前情鏈接：新大編程幼兒園學習第一課——內容和顯示
本課主題：HTML、CSS和XML
授課老師：張軍祥
一、什么是HTML
HTML是用來描述網頁的一種語言。
· HTML指的是超文本標記語言（Hyper Text Markup Language）
· HTML不是一種編程語言，而是一種標記語言（markup language）
· 標記語言是一套標記標簽（markup tag）
· HTML使用標記標簽來描述網頁
類比：對講呼叫的開始結束語。
Tip：draggable="true"這一屬性表示這個標簽內的內容可以被拖動。
HTML大致由：標簽、屬性、事件來組成，另有注釋部分"<!-->"，注釋不在頁面顯示。編寫注釋是一個非常優秀的習慣，方便自己及他人了解文檔含義。
隨著網頁需求的增加，各大瀏覽器廠商不斷有新的標簽加入網絡，例如：加粗標簽< b >......< /b >。由于各廠商推出形式繁多冗雜，W3C組織統一發布CSS。
二、什么是CSS
CSS指層疊樣式表（Cascading Style Sheets）
樣式定義如何顯示HTML元素
多重樣式層疊為一個
層疊次序：（顯示優先級）
內連樣式>內部樣式表>外部樣式表>瀏覽器缺省設置
列舉三種CSS的使用方法：
第三種方法：外部樣式表。創建一個CSS文件，引入文檔。
HTML與CSS的關系：
CSS是用來修飾HTML的一種語言，同一HTML文件支持引用多個CSS文件，同一CSS文件支持被多個HTML文件引用，便于開發過程中必要情況下樣式的統一修改。
三、三層分離（重要）
結構層（HTML）、表示層（CSS）、行為層（JS）
目的：
為了實現“高內聚、低耦合”。采用“分而治之”的思想，把問題劃分開來各個解決，易于控制，易于延展，易于分配資源。
列舉：表示一個段落：< p >< /p >；表示分割標記，一般用于內容與事件：< div >< /div >；表示標題加粗：< h1 >< /h1 >。
四、什么是XML
XML指可擴展標記語言（EXtensible Markup Language）
· XML是一種標記語言，很類似HTML
· XML的設計宗旨是傳輸數據，而非顯示數據
· XML標簽沒有被預定義，您需要自行定義標簽
· XML被設計為具有自我描述性
獨立于軟件與硬件的存儲方法，XML克服了大部分軟硬件不兼容問題，因為它的自我描述性，大部分程序都能支持解讀XML文件。
五、XML和HTML的差異
XML和HTML為不同的目的而設計
XML被設計為傳輸和存儲數據，其焦點是數據的內容
HTML被設計用來顯示數據，其焦點是數據的外觀
HTML旨在顯示信息，而XML旨在傳輸信息
XML作為一種通用格式的出現，為數據共享、數據交換提供了極大地便利。XML具有非常嚴格的語言模式，HTML語法相對寬松，部分尾部標簽省略不影響顯示，舉例< input>< /input>標簽，而XML非常嚴格。
問答1：編輯器的快捷輸入，支持代碼補全。編輯器的插件功能支持寫一個標簽，按tab鍵可自動補全。
問答2：課后討論區會提供如何調用XML，每種語言都有不同的調用方法。
問答3：有如此多的標簽，初期記憶可能比較困難，宗旨：可以不會，但不能不知道，首先要多看，多了解這些用途。（參考標簽課后將發放）
