HTML（下）
标签
表格
主要作用(展示数据)
主要用于显示，展示数据，因为它可以让数据显示的非常的规整，可读性非常好。特别是后台展示数据的时候，能够熟练运用表格就显得很重要。一个清爽简约的表格能够把繁杂的数据表现得很有条理。
基本语法
<table></table>（表格）
用于定义表格的标签
<tr></tr>（行）
标签用于定义表格中的行，必须嵌套在<table></table>
<th></th>(表头的格)
必须嵌套在<tr></tr>标签中。会被加粗显得重要一点。
<td></td>（格）
用于定义表格中的单元格，必须嵌套在<tr></tr>标签中。
表格属性（表格的外观形态）（写在<table>里面）
通过CSS来设置。
align规定表格相对周围元素的对齐方式
left（靠左对齐）
center（中间对齐）
right（靠右对齐）
border规定表格单元是否拥有边框，默认为0，表示没有边框
cellpadding规定单元边沿与其内容之间的空白，默认1像素
cellspacing规定单元格之间的空白，默认2像素
width（hight）规定表格的宽度（高度）
表格结构标签
因为表格可能很长，为了更好的表示表格的语义，可以将表格分割成表格头部 和表格主体两大部分。（<thead>和<tbody>都放在<table>里面）
<thead>标签表格的头部区域
包含<tr>行<th>格
<tbody>标签表格的主体区域
包含<tr>行<td>格
合并表格
把多个单元格合并成一个单元格
合并单元格的方式
跨行合并：rowspan=“合并单元格的个数”
最上侧单元格为目标单元格，写合并代码<td rowspan=" 格子数">多余的单元格删掉
跨列合并：colspan=“合并单元格的个数 ”
最左侧单元格为目标单元格，写合并代码<td colspan=" 格子数">多余的单元格删掉
列表
列表就是用来布局的，列表最大的特点就是整齐，整洁，有序，它作为布局会更加自由和方便。
无序列表<ul><li>项</li></ul>（重点）
<ul>标签表示HTML页面中项目的无序列表，一般会以项目符号呈现列表项，而列表项使用<li>标签定义
特点
1.无序列表的各个列表项之间没有顺序级别之分，是并列的。
2.<ul>里面只能放<li></li></ul>,直接在<ul></ul>标签中输入其他标签或者文字的做法是不被允许的。
3.<li>与</li>之间相当于一个容器，可以容纳所以元素。
4.无序列表会带有自己的样式属性，但在实际使用时，我们会使用CSS来设置。
有序列表<ol><li>项</li></ol>
有序列表即为有排列顺序的列表，其各个列表项会按照一定的顺序排列定义。(自动排序 )
特点
1.<ol>里面只能放<li></li></ol>,直接在<ol></ol>标签中输入其他标签或者文字的做法是不被允许的。
2.<li>与</li>之间相当于一个容器，可以容纳所以元素。
3.有序列表会带有自己的样式属性，但在实际使用时，我们会使用CSS来设置。
自定义列表<dl><dt>名词一</dt><dd>名词一解释一</dd></dl>（重点）
在HTML标签中，<dl>标签用于定义描述列表（或定义列表），该标签会与<dt>（定义项目？名字）和<dd>（描述每一个项目/名字）一起使用。
特点
1.<dl></dl>里面只能包含<dt>和<dd>。
2.<dt>和<dd>个数没有限制，经常是一个<dt>对应多个<dd>。
表单
使用表单目的是为了收集用户信息。在我们网页中，我们也需要用户进行交互，收集用户资料，此时就需要表单。
在HTML中，一个完整的表单通常由表单域（表单能看见的地方），表单控件（选择按钮）（也称为表单元素）和提示信息（告诉我们该填什么）3个部分构成。
表单域（包含表单元素的区域）
<form></form>
标签用于定义表单域，以实现用户信息的收集和传递。会把它范围内的表单元素信息提交给服务器。
属性
action
用于指定接收并处理表单数据的服务器程序的URL地址
method
用于设置表单数据的提交方式，其取值为get或post
name
用于指定表单的名称，以区分同一个页面中的多个表单域
表单控件（表单元素）
在表单域中可以定义各种表单元素，这些表单元素就是允许用户在表单中输入或者选择的内容控件。
input输入表单元素
<input>标签用于收集用户信息。
<input/>标签为单标签
type属性设置不同的属性值用来指定不同的控件类型。
button
定义可点击按钮（多数情况下，用于通过js启动脚本）
checkbox（多选 ）
要借助name把要选的元素放在同一个名字内才能一选多
定义复选框
file（文件上传）
定义输入字段和“浏览”按钮，供文件上传
hidden
定义隐藏的输入字段
image
定义图像形式的提交按钮
password（密码）
定义密码字段，该字段中的字符被掩码
radio（多选一）
要借助name把要选的元素放在同一个名字内才能多选一
定义单选按钮
reset（重置）
定义重置按钮，重置按钮会清除表单中的所有数据
submit（提交）
定义提交按钮，提交按钮会把表单数据发送服务器。
text（文本框）
定义单行的输入字段，用户可在其中输入文本，默认宽度为20个字符。
name属性，定义input元素的名称
value属性，规定input元素的值（按钮里显示的文字）
checked属性，规定此input元素加载时应当被选中。
maxlength属性，规定输入字段中的字符的最大长度
lable标签
用于绑定一个表单元素，当点击<label>标签内的文本时，浏览器就会自动将焦点（光标）转到或者选择对应的表单元素上，用来增加用户体验。
<label for ="sex">男</label>
<input type ="radio" name ="sex" id="sex"/>
select下拉表单元素
在页面中，如果有多个选项让用户选择，并且想要节约页面空间，我们可以使用<select>标签控件定义下拉列表
特点
1.<select>中至少包含一对<option></option>
2.在<option>中定义selected="selected"时，当前项即为默认选中项
textarea文本域元素
需要输入很多文字的时候需要用到文本域
特点
1.通过<textarea>标签可以轻松地创建多行文本输入框
2.cols=“每行中的字符数”
rows=“显示的行数”
我们在实际开发中不会使用，都是用CSS来改变大小