筆者也不知道自己為什麼要學這個，要不是為了寫個作業誰不更願意看論文呢，不過既然看了還是記錄一下，反正也是随便記的，好歹也算看了，網課來自B站PINK老師。
Vscode插件：chinese,opnein browser,auto rename tag,
安裝後需要重新開機
文檔類型聲明标簽
Lang語言種類lang=zh-CN
字元集，meta charset = utf-8 萬國碼
标題标簽：
-
段落标簽：
換行标簽：
單标簽
文本格式化标簽“
加粗：;
傾斜： 雙
删除線：
下劃線：
盒子，沒有語義，可以用于布局
：大盒子，一個獨占一行
：小盒子，跨距
圖像标簽：
單标簽，這裡必須。屬性之間不分順序，但是必須有空格
Src 是圖像的必須屬性，指向圖像檔案名
Alt 替換文本，如果圖像顯示不出來時顯示文字
Title 提示文本，滑鼠放到圖像上提示的文字
Width 給圖像設定寬度大小，像素
Height 設定圖像高度；寬度和高度一般設定一個，另外一個等比例會變化
Border 給圖檔加邊框，一般通過CSS來設定
目錄檔案夾，可以将網站相關的檔案放進去。
根目錄，進入目錄檔案夾就是根目錄
同一級路徑：直接加就可以
下一級路徑：/
上一級路徑：../傳回到上一級再寫圖檔
絕對路徑：\
超連結标簽 anchor
文本或圖像
Fref用于制定連結目标的url位址
Target連結的打開方式:_self(預設)，_blank(新的浏覽器)
外部連結 需要加http://
内部連結不需要加，需要在同一個目錄
空連結href=”#”
下載下傳檔案 href等于
網頁元素連結
瞄點連結：點選連結可以快速定位頁面中的某個位置
Html中的注釋标簽
特殊字元：空格
>: <
表格基本文法：
| 一行有幾個單元格 表頭單元格 | 文字會被壓縮和居中 表格屬性： Align :left\center\right決定表格的對齊方式，要寫到table裡面 Border:1,就是有邊框 Cellpadding像素值，單元格文字内容和邊框之間的距離 Cellspacing 像素值，單元格和單元格之間的距離 Width/height 表格頭部區域 |
|---|
表格主體區域
合并單元格：
跨行合并：rowspan=“合并單元格數量”
跨列合并：rolspan=“合并單元格數量”
目标單元格：跨行是上側，跨列是左側
要删除多餘的單元格
清單标簽：整齊、整潔無序
無序清單：前面預設有個小黑圓點
- 中間隻能放li标簽，但是可以放到li标簽裡
- 1
- 1
- 1
有序清單：清單中有一定順序
- 1
- 1
- 1
自定義清單：下面的選項圍繞上面進行說明
- 名詞1
- 解釋1
- 解釋2
表單标簽：用來收集客戶資訊
組成：表單域、表單控件(表單元素)、提示資訊
表單域
表單元素：
Input輸入表單元素： 單标簽；
type屬性包括text/password/radio(單選按鈕)/checkbox(複選框)
name屬性：定義input元素的名稱，背景使用；單選框和複選框name值需要一樣
value屬性：可以把這個值輸到背景，背景使用
checked屬性：首次加載就出現的元素
maxlength屬性：最大輸入長度
submit屬性：送出按鈕
reset屬性：重置按鈕
button屬性：普通按鈕，可以開始某種動作，後期結合js使用
file屬性：上傳檔案按鈕
label标簽：用于綁定一個表單元素，當點選标簽内的本文時，自動對焦，增加使用者體驗。
使用者名：
Select下拉表單元素
山東
河南
北京 (預設選擇北京)
Textarea文本域表單元素：當輸入内容較多時
中間可以加預設輸入
