目录
1.列表
（1）使用场景：
内容整齐的区域
（2）作用：
布局内容排列整齐的区域。
（3）列表分类：
a.无序列表
作用：
布局排列整齐的不需要规定顺序的区域
标签：ul嵌套li，ul是无序列表，li是列表条目
注意事项：
ul标签里面只能包含li标签
li标签可以包含任何内容
b.有序列表
作用：布局排列整齐的需要规定顺序的区域
标签：ol嵌套li，ol是有序列表，li是列表条目
注意事项：
ol标签里面只能包裹li标签
li标签可以包裹任何内容
c.定义列表
场景：一般用于网页底部，
标签：dl嵌套dt和dd，dl是定义列表，dt是定义列表的标题，dd是定义列表的描述/详情
注意实现：
dl里面只能包含dt和dd
dt和dd里面可以包含任何内容
2.表格
（1）使用场景：
网页中的表格与Excel表格类似，用来展示数据
内容分格子展示的
（2）标签：table嵌套tr，tr嵌套td/th
table：说明：整个表格
tr：行（有几行，就写几个tr）
th：表头单元格（字体比td要粗一些）
td：内容单元格
提示：在网页中，表格默认没有边框线，再table中使用border属性可以为表格添加边框线（border="1"表示要1像素的边框线）
（3）书写方式：先有行（先写行），再写单元格
（4）特点：会根据内容的大小来缩放表格
tr中嵌套tr不会写入表格中
（6）表格的结构标签
a.作用：把内容划分区域，让表格结构、语义更清晰
b.标签名：
此三类标签是写给浏览器看的，人眼无法看到效果
此此三类标签是包含住相应结构的内容
（7）合并单元格
a.作用：将多个单元格合并成一个单元格，以合并相同信息
b.类型：
跨行合并
跨列合并
c.合并单元格步骤：
（a）明确合并目标
（b）保留最左、最上的表格，添加属性（取值是数字，表示需要合并的单元格数量）
跨行合并，保留最上单元格，添加属性rowspan
跨列合并，保留最左单元格，添加属性colspan
（c）删除其他单元格
注：所用的操作都必须在自己结构里面操作，不可以跨结构操作
3.表单
（1）作用：收集用户信息
（2）使用场景;
登录页面、注册页面、搜索区域
（3）标签：input、label、button、div、span
a.单标签input：
input标签type属性值不同，则功能不同
(a)格式：
(b)type属性值：
(c)input标签占位文本： "占位文本：提示信息。"
格式：
使用处：
一般给文本框和密码框使用
(d)深入单选框radio
属性:
希望实现单选功能，加属性值name
希望实现网页打开时就自动有选项，加属性值checked（属性名与值一致）
(e)深入属性file
默认情况下，文件上传表单控制只能上传一个文件，添加multiple属性可以实现上传多个文件
格式：
(f)深入多选框checkbox
checked属性（属性名与属性值一致）
实现默认选中功能
格式：
b.标签label：
(a)作用：网页中，某个标签的说明文本
(b)经验：用label标签绑定文字和表单控件的关系，增大表单控件的点击范围
(c)支持label标签的表单控件：文本框、密码框、上传文件、单选框、多选框、下拉菜单、文本域等
c.标签button（按钮）：
(a)格式：
(b)type属性：
reset属性只能
重置form属性管理的表单
d.无语义的布局标签：div、span
(a)作用：布局网页（划分网页区域，摆放内容）
div（大盒子）：独占一整行
span（小盒子）：不换行
(b)格式：
（4）字符实体
a.作用：
在网页中显示预留字符
b.格式：
（5）
实现下拉菜单功能
a.标签：select嵌套option，select是下拉菜单整体，option是下拉菜单的每一项
b.默认选中功能：用selected实现
（6）文本域
a.作用：多行输入文本的表单控件
b.作用场景：与发表朋友圈、评论的框类似
c.标签：textarea（双标签）
d.格式：
扫一扫
221
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
