1表格标签
1.1表格作用
显示数据
1.2基本语法
<table>
<tr> 一行
<td>单元格1</td>
</tr>
</table>
1.3表头单元格标签
表头单元格会加粗并且居中
<table>
<tr> 一行
<th>单元格1</th>
</tr>
</table>
1.4表格属性
表格外观 ,但是一般都是css来实现
<table align="center" border="1" cellpadding="0" cellspacing="0" width="500">
</table>
align表格位置
border边框粗细
cellpadding 文字与表格间距
cellspacing 单元格间距

1.5表格结构标签
结构更清晰
<thead></thead>标签表格的头部区域
<tbody></tbody>标签表格的主体区域
在<table></table>之间
1.6合并单元格
合并步骤:跨行还是跨列、<td colspan="2"></td>、删除多余单元格
1)合并单元格
跨行rowspan="合并单元格个数"
跨列colspan="合并单元格个数"
2)目标单元格
跨行:写在最上侧单元格
跨列:写在最左侧单元格
2列表标签

列表用来布局,包括有序、无序、自定义
2.1无序列表(重点ul -unorderlable
<ul>
<li></li>
</ul>
<ul>里面只能放<li></li>,但是<li></li>里面可以放任何元素及标签
有自己的样式属性,但是我们会用css来设置
用的非常多
2.2有序列表(理解ol-orderlable
<ol>
<li></li>
</ol>
<ol>里面只能放<li></li>,但是<li></li>里面可以放任何元素及标签
2.3自定义列表dl-definelable

<dl>
<dt> 1</dt>
<dd>0</dd>
</dl>
<dl>中只能有<dt><dd>
<dt><dd>一般没有数量限制,一般一个<dt>对应多个<dd>
3表单标签
收集用户信息
表单域包含表单空间、提示信息

3.1表单域
<form>
<form action="url地址" method="提交方式" name="表单域名称">
各种表单元素
</form>

3.4表单控件
(1)<input>表单元素
用于收集用户信息,type属性设置不同的属性值来指定不同的控件类型
<input type="属性值" />

其他属性

总结:
1)一打开网页就显示文字:value="请输入用户名"
2)区分不同的表单元素:name 是表单元素的名字,要求属于一组的单选按钮或复选框要有相同的name值
3)按钮默认选中:checked=checked
4)input表单元素展示不同的形态:type属性 text、radio、checkbox等等
(2)<lable>标签
不用必须点击小按钮 点击文本区域也可以选中,浏览器自动将焦点(光标)转到对应的表单元素,增加用户体验
<label for="sex">男</label>
<input type="radio" name="sex" id ="sex">
<label>标签中的for属性要和相关元素的id属性相同
(3)<select>下拉表单元素
下拉菜单 折叠 节约空间,至少包含一对option
默认选择selected=selected
<select>
<option>选项1</option>
<option>选项1</option>
<option>选项1</option>
</select>
(4)textarea文本域
大号文本框,留言板、评论、、
<textarea rows="3" cols="20">
文本内容
</textarea>
rows="3" cols="20" 三行 每行20字 实际开发中不会用用css来改变大小