2023新版前端Web开发HTML5+CSS3+移动web视频教程，前端web入

前端第32期打卡day3 P17-P25

学习笔记：

1、列表 （标签）

作用：布局内容排列整齐的区域

2、列表分类：无序列表、有序列表、定义列表

3、无序列表

作用：布局排列整齐的不需要规定的区域

标签：ul嵌套li，ul是无序列表，li是列表条目。

4、有序列表

作用：布局排列整齐的需要规定顺序的区域。

标签：ol嵌套li，ol是有序列表，li是列表条目。

5、定义列表

标签：dl嵌套dt和dd，dl是定义列表的标题，dd是定义列表的描述/详情。

6、表格--基础用法   网页中的表格和Excel表格类似，用来展示数据。

表格 标签：table嵌套tr ，tr嵌套td/th.

提示：在网页中，表格默认没有边框线，使用border属性可以为表格添加边框线。

表格结构标签

作用：用表格结构标签把内容划分区域，让表格结构更清晰，语义更清晰。

7、合并单元格

作用：将多余单元格合并成一个单元格，以合并同类信息。

合并单元格步骤：

1.明确合并的目标

2.保留最左最上的单元格，添加属性（取值是数字，表示需要合并的单元格数量）

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

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

3.删除其他单元格

8、表单

作用：收集用户信息

使用场景：

·登录页面

·注册页面

·搜素区域

9、input标签基本使用

input标签type属性值不同，则功能不同。

<input type="....">

input标签占位文本  占位文本：提示信息 <input type="...."placeholder="提示信息"> 文本框和密码框都可以使用。

单选框radio

上传文件-file

文件上传表单控件只能上传一个文件，添加multiple属性可以实现文件多选功能。

多选框--checkbox  多选框也叫复选框。 默认选中：cheched。

10、下拉菜单

标签：select嵌套option ，select是下拉菜单整体，option是下拉菜单的每一项。

11、文本域 作用：多行输入文件的表单控件。 标签：textarea双标签。

12、label标签 作用：网页中，某个标签的说明文本。

经验：用label标签绑定文字和表单控件的关系，增大表单控件的点击范围。

13、按钮--button  <button type="">按钮</button>