前端第32期打卡day3 P17-P25

學(xué)習(xí)筆記：

1、列表 （標(biāo)簽）

作用：布局內(nèi)容排列整齊的區(qū)域

2、列表分類：無序列表、有序列表、定義列表

3、無序列表

作用：布局排列整齊的不需要規(guī)定的區(qū)域

標(biāo)簽：ul嵌套li，ul是無序列表，li是列表條目。

4、有序列表

作用：布局排列整齊的需要規(guī)定順序的區(qū)域。

標(biāo)簽：ol嵌套li，ol是有序列表，li是列表條目。

5、定義列表

標(biāo)簽：dl嵌套dt和dd，dl是定義列表的標(biāo)題，dd是定義列表的描述/詳情。

6、表格--基礎(chǔ)用法???網(wǎng)頁中的表格和Excel表格類似，用來展示數(shù)據(jù)。

表格 標(biāo)簽：table嵌套tr ，tr嵌套td/th.

提示：在網(wǎng)頁中，表格默認(rèn)沒有邊框線，使用border屬性可以為表格添加邊框線。

表格結(jié)構(gòu)標(biāo)簽

作用：用表格結(jié)構(gòu)標(biāo)簽把內(nèi)容劃分區(qū)域，讓表格結(jié)構(gòu)更清晰，語義更清晰。

7、合并單元格

作用：將多余單元格合并成一個單元格，以合并同類信息。

合并單元格步驟：

1.明確合并的目標(biāo)

2.保留最左最上的單元格，添加屬性（取值是數(shù)字，表示需要合并的單元格數(shù)量）

--跨行合并，保留最上單元格，添加屬性rowspan

--跨列合并，保留最左單元格，添加屬性colspan

3.刪除其他單元格

8、表單

作用：收集用戶信息

使用場景：

·登錄頁面

·注冊頁面

·搜素區(qū)域

9、input標(biāo)簽基本使用

input標(biāo)簽type屬性值不同，則功能不同。

<input type="....">

input標(biāo)簽占位文本??占位文本：提示信息?<input type="...."placeholder="提示信息">?文本框和密碼框都可以使用。

單選框radio

上傳文件-file

文件上傳表單控件只能上傳一個文件，添加multiple屬性可以實現(xiàn)文件多選功能。

多選框--checkbox??多選框也叫復(fù)選框。?默認(rèn)選中：cheched。

10、下拉菜單

標(biāo)簽：select嵌套o(hù)ption ，select是下拉菜單整體，option是下拉菜單的每一項。

11、文本域?作用：多行輸入文件的表單控件。?標(biāo)簽：textarea雙標(biāo)簽。

12、label標(biāo)簽 作用：網(wǎng)頁中，某個標(biāo)簽的說明文本。

經(jīng)驗：用label標(biāo)簽綁定文字和表單控件的關(guān)系，增大表單控件的點擊范圍。

13、按鈕--button??<button type="">按鈕</button>