1、web标準介紹
1）web标準：
w3c：網際網路聯盟組織，用來制定web标準的機構（組織）
web标準：制作網頁遵循的規範
web标準規範的分類：結構标準、表現标準、行為标準。
結構：html。表示：css。行為：Javascript。
2）總結說明：
結構标準：相當于人的骨架。html就是用來制作網頁的。
表現标準： 相當于人的衣服。css就是對網頁進行美化的。
行為标準： 相當于人的動作。JS就是讓網頁動起來，具有生命力的。
2、python sever接收和響應http請求
2.1 編寫socket server，接收http請求
2.2 解析http請求
2.3 回複浏覽器認識的消息（響應資訊）
2.4 使用html檔案響應請求
2.5 使用pycharm内置的socket server
3、VS Code編輯器
3.1 VS Code簡介
官網位址：https://code.visualstudio.com/
Visual Studio Code（簡稱“VS Code”）是Microsoft開發的一個可以運作于 Windows，macOS和Linux之上的，針對于編寫現代Web和雲應用的跨平台源代碼編輯器。目前已經支援了如下37種語言或檔案。
3.2 VS Code安裝
1）官網下載下傳位址：https://code.visualstudio.com/
2）安裝
安裝過程中，隻需設定“選擇其他任務”，其它預設即可。
3.3 VS Code設定
1）安裝插件
2）設定自動儲存：檔案 -> 首選項 -> 設定
3）設定字型大小：檔案 -> 首選項 -> 設定
3.4 VS Code使用
1）編寫一個html檔案，在編輯區右擊 -> Open with Live Server。
可以實作修改html檔案的同時，頁面自動更新。
頁面展示
2）更改編碼：
（1）點選右下角的目前編碼（UTF-8） -> 通過編碼重新打開
（2）選擇正确的編碼
（3）顯示正确的編碼
3.5 VS Code使用技巧
3.5.1 TAB鍵或Enter鍵，自動補全标簽。
輸入部分标簽按TAB鍵或Enter鍵，可以自動補全标簽
3.5.2 輸入"!"再按TAB鍵或Enter鍵，自動補充html主體架構
建立html檔案，輸入"!"按TAB鍵或Enter鍵，自動補充html主體架構
3.5.3 快速複制：alt + shift + 方向箭頭
複制目前行并插入目前行下方：alt + shift + 向下箭頭
複制目前行并插入目前行上方：alt + shift + 向上箭頭
3.5.4 ctrl+回車，跳出标簽新增下一行。
标簽内回車，效果：
标簽内ctrl+回車，跳出标簽下方新增一行
3.5.5 body中輸入選擇器快速建立元素
1）子元素
ul>li + Tab或回車，自動補全ul + il的标簽嵌套。
ul>li*5 + Tab或回車
2）元素id和類
3.5.6 h數字 & w數字
輸入樣式的寬和高時，可以輸入h數字和w數字，再按Tab或回車自動填充。