前端入门第二天
目录
一、列表、表格、表单
二、列表（布局内容排列整齐的区域）
1.无序列表（不规定顺序）
2.有序列表（规定顺序）
3.定义列表（一个标题多个分类）
三、表格
1.表格结构标签
2.合并单元
四、表单
1.input 标签基本使用（type）
2.input 标签占位文本（placeholder）
3.radio 单选框（name checked）
4.file 多文件上传（multiple）
5.下拉菜单（select option）
6.文本域（textarea）
7.label标签
方法一：
方法二：
8.按钮（butoon）
9.无语义的布局标签
10.字符实体
五、综合案例
一、列表、表格、表单
示例：（嵌套关系）
二、列表（布局内容排列整齐的区域）
分类：无序列表、有序类别、定义列表（一个标题多个分类）
1.无序列表（不规定顺序）
- ul中只能包含li
- li中可以包含任何内容
2.有序列表（规定顺序）
- ol中只能包含li
- li中可以包含任何内容
3.定义列表（一个标题多个分类）
- dl中只能包含dt和dd
- dt和dd中可以包含任何内容
三、表格
- th:默认加粗、居中
- 表格默认没有边框线，border="1"添加边框一像素宽
1.表格结构标签
把内容划分区域
2.合并单元
将多个单元格合并成一个单元格，以合并同类信息
合并单元格的步骤：
- 不能跨结构标签合并
四、表单
收集用户信息（注册登录搜索）
1.input 标签基本使用（type）
- text外其他快捷输入，重新打""
2.input 标签占位文本（placeholder）
3.radio 单选框（name checked）
4.file 多文件上传（multiple）
5.下拉菜单（select option）
- name="" id="" 发送数据
-
value=""发送数据
-
默认显示第一个，通过selected设置默认显示
6.文本域（textarea）
多行输入文本的表单空间
- 用CSS设置尺寸
- 右下角的拖拽功能将禁用
7.label标签
方法一：
方法二：
8.按钮（butoon）
- 配合 form 标签使用action数据发送地址
9.无语义的布局标签
10.字符实体
- 在网页中只识别一个空格
五、综合案例
- 体育新闻（列表）
- 注册信息（表单）