html是由一些標簽構成的，標簽之間可以嵌套，每個標簽都有開始標簽和結束標簽，也有部分標簽只有開始標簽，沒有結束標簽。html的標簽也可以成為元素。（樹形結構）

html文件的最頂層標簽就是html。

head用來放屬性信息，body放頁面上顯示的內容。

輸入!tab直接生成html的初始模板。

語義化標簽

語義化標簽代表著一個特定的功能和用途

一、標題標簽

<h> </h>

2.段落標簽

<p> </p>

3.換行標簽

在編輯中換行符、制表符、多個連續的空格，都是無效的，如果要換行，應該使用br標簽

br標簽是一個單標簽，不需要結束標簽

4.格式化標簽

獨占一行的標簽，也叫做塊級元素，例如標題標簽。

不獨占一行的標簽，也叫行內元素。

塊級和行內其實可以轉換。

5.圖片標簽

img，單標簽

img必須帶有一個src屬性，通過這個屬性來指定要顯示的圖片的路徑。

alt是 如果圖片掛了，就會顯示alt的文字。

絕對路徑和相對路徑都可以，也可以是網絡路徑。其中，相對路徑的基準目錄就是當前html所在的目錄。

6.a標簽，超鏈接

二、表格標簽

border是表格標簽

三、列表標簽

列表標簽包括有序列表（ol）、無序列表（ul）、列表項（li）

四、表單標簽

表單標簽是與用戶交互的重要途徑。

form標簽：進行前后端交互，功能是構造一個HTTP請求。

input標簽：有很多形態，這些形態表示不同的元素效果。

使用單選框時，需要設置相同的name屬性，此時才會有互斥效果。默認情況下，點到圓點才會選擇到，我們對其進行label標簽處理。label標簽的for里對應著元素的id。

id是一個特殊的屬性，是每個元素的身份標識，每個html元素都有id，要求一個頁面上的id必須唯一

加check會默認選中

?

file類型可以用在上傳頭像、上傳圖片等

下拉菜單

select

里面的每個選項，是一個option標簽，加selected來默認選中選項

cols表示一行能寫多少字符，rows是多少列。內容會自動添加滑動條。

無語義化標簽

還有兩個特殊的標簽，無語義標簽。div和span。也就是這兩個沒有什么特殊的用途，如果我們不知道某個東西使用什么標簽，就可以用它兩。

div默認是獨占一行的塊級元素。

span默認是不獨占一行的行內元素。

這兩個標簽，搭配css和js，就可以實現語義化標簽的大部分功能，也就是一個頁面基本光使用div，就能實現類似的效果。