一、列表
1、无序列表 ul li
2、有序列表 ol li
3、定义列表 dl dt被定义的内容 dd对定义内容的描述
4、dl、ul、ol之间都可以互相嵌套
二、表格标签
<table></table>
表格标签，用于在效果中定义一个表格
border：设置表格的边框粗细
width：设置表格的宽度
<tr></tr>
表格的行标签，用于定义一个表格行
<td></td>
表格的单元格标签，用于定义一个表格行中的单元格
<th></th>
表格的表头单元格标签，用于在效果中定义一个表格行中的表头单元格
和<td>唯一区别：<th>内容居中加粗
行、列、单元格、表头、数据
表格是为了更好地格式化显示数据
单元格合并
或者<th>都有两个单元格合并属性：
colspan：跨列合并单元格
rowspan：跨行合并单元格
合并步骤：
1、确定合并哪几个单元格，确定是跨行合并还是跨列合并
2、在第一个出现的单元格上书写合并单元格属性
3、合并几个单元格，属性值就写几
4、被合并的单元格必须删掉
三、内联与块标签
<span></span>
内联标签，一行上定义多个元素，进行内容显示
有多少内容，就会占用多大空间
span不会自动换行
<div><div>
块标签，一行上定义一个块，默认占满一行，进行内容显示
适用于大量数据展示，或者用来布局
四、表单标签
<form></form>
用于在效果中定义一个表单
作用：用于提交用户填写的数据，提交给服务器的程序
文本框供用户输入，类似Java的Scanner
action：将数据提交到何处
默认提交到本页
本机内网路径：
相对路径：常用
绝对路径：不建议使用
互联网路径：https://www.12306.com/xxx
method：将数据以何种方式提交
默认为get
提交方式可定义：get或者post
Get方式提交特点：把数据拼接到地址栏上
Post方式提交特点：没有把数据拼接到地址栏上，而是在请求体
GET和POST提交方式区别：
1、GET提交的参数列表拼接到地址栏后面；POST方式不会拼接到地址栏后面
2、GET提交的数据，敏感信息不安全，POST方式提交的数据相对安全
3、GET方式提交的数据量是有限的，POST方式从理论上提交的数据是无限大的
尽量使用POST方式提交表单
五、输入项标签
标签
表单输入项标签之一，用户可以在该标签上，通过填写和选择，进行数据的输入
type：设置该标签的种类
text：文本框，默认
password：密码框，内容非明文
radio：单选框，在同一组内有单选效果
chechbox：复选框，在同一组内有复选效果
submit：提交按钮，用于控制表单提交数据
reset：重置按钮，用于将表单输入项恢复到默认状态
file：附件框，用于文件上传
hidden：隐藏域，一般用作提交服务器需要拿到，但用户不需要看到的数据
button：普通按钮，需要和JS事件一起用
name：单选框、复选框进行数据的分组、设置该标签对应的参数名。要提交数据给后台，必须写name
value：设置该标签对应的参数值/作为按钮的名字
checked：设置单选框/复选框的默认选中状态
readonly：设置该标签的参数值只读，用户无法手动更改，数据是可以正常提交的
disabled：设置该标签不可用，参数值无法更改，并且无法提交
六、表单点击提交按钮，提交数据时
url?参数列表
参数列表格式：
参数1=参数值&参数2=参数值&参数3=参数值……
?gender=on on表示选中
?gender=male&age=18……
单选框，用户只能选择，不能输入，需要指定value属性
文本框，用户可以自由输入，不一定指定value属性，指定的话表示默认值，placeholder表示提示文字
七、选择框标签
<select></select>标签，定义一个下拉选择框
name：设置该标签对应的参数名
multiple：设置选项全部显示，并且可以进行多选提交，不写此属性默认为单选
标签，选项标签，为一个选择框添加一个选项
value：设置需要提交的参数值
selected：设置选项的默认选中状态
注意事项：
option的内容体一般是用来展示的
参数值应该是option的value属性值
八、文本域标签
<textarea></textarea>标签
文本域，多行文本框
name：设置该标签对应的参数名
文本域和文本框区别：
1、文本框不能换行，文本域可以
2、文本框参数值是value属性，文本域参数值是标签的内容体
九、提交表单注意事项
提交中文问题
1、为什么使用URL编码？
正常提交：?pwd=123&uname=zhangsan
非正常：？wd=123#asd&qwe&sdf&uname=zhangsan
2、URL编码解决方式：特殊符号、中文进行编码
？username=&password=&gender=female&hobby=dy&hobby=eat&star=kk&info=%E4%B8%9C%E5%A5%94%E8%A5%BF%E8%B5%B0%0D%0A%E6%A0%BD
