1.實驗：vscode安裝，及HTML常用文本標簽
2.IDE：VSCODE?
3.記錄：?
（1）網頁直接搜索安裝vscode
（2）打開vscode，在下圖分別安裝以下插件：
Html Css Support? ?------------------------
Auto Rename Tag -----------------------自動補全
Live Sever----------------------------------快速查看網頁編寫情況
Chinese-------------------------------------中文（安裝后提示重啟生效）
?
?（3）基礎知識：（主要為英文首字母）
h1一級標題,h2.....
p段落
ul無序列表（包裹li，一個li為一個元素）
ol有序列表（自動添加序號，一個li為一個元素）
b加粗
i斜體
u下劃線
s刪除線
table表格
? （4）輸入!自動建立一個網頁文檔體系
? （5）輸入!!!進行注釋
? （6）所有語法幾乎成對出現，結束的會有斜杠
? （7）右鍵點擊圖中安裝的插件，查看當前網頁情況
4.代碼：
練習的DEMO
<!DOCTYPE
這是注釋部分
----------------------------------------------------------------------------------
h1一級標題,h2.....
p段落
ul無序列表（包裹li，一個li為一個元素）
ol有序列表（自動添加序號，一個li為一個元素）
b加粗
i斜體
u下劃線
s刪除線
table表格----------------------------------------------------------------------------------
>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>個人網頁</title>
</head>
<body><h1>一級標簽</h1> <h2>二級標簽</h2><h3>三級標簽</h3><h4>四級標簽</h4><h5>五級標簽</h5><p>這是一個段落</p><p>字體加粗：<b>加粗</b></p><p>斜體: <i>斜體</i></p><P>下劃線: <u>下劃線</u></P><p>刪除線: <s>刪除線</s></p><head>
<b>列表</b>
</head><ul><li>無序列表1</li><li>無序列表2</li><li>無序列表3</li><li>無序列表4</li></ul><ol> <li>有序列表1</li><li>有序列表2</li><li>有序列表3</li><li>有序列表4</li></ol><h1><b>表格</b></h1>
<table border="1"> <!設置表格邊界><tr> <!table row 列><th>第一列</th> <!table head 列標題><th>第二列</th> <th>第三列</th><th>第四列</th></tr><tr><td>元素1</td> <!table data 表格元素><td>元素2</td><td>元素3</td><td>元素4</td></tr>
</table>
</body>
</html>
)
