表格
table标签
包含thead tbody tfoot tr td 。
<body >
<table border="" width="" height="" align="center"bgcolor=""
background="..\images\图片1.png">
<thead>表头</thead>
<tbody>
<tr>
<td>第一列</td>
<td>第二列</td>
</tr>
<tr>
<td>第一列</td>
<td>第二列</td>
</tr>
<tr>
<td>第一列</td>
<td>第二列</td>
</tr>
</tbody>
<tfoot>表尾</tfoot>
</table>其中<thead>表示表头，<tbody>表示主干，<tr>表示行，<td>表示列，<tfoot>表示表尾
其中还可以设置属性例如
外加边框：
border----去设置表格边框，将内容框起来。
设置表格高度和宽度（单位像素,n为整数）：
width---宽度,width="npx"
height---高度height="npx"
设置表格的对齐方式（整体来说）
align---设置表格的对齐方式 left，right，center
设置表格背景：
颜色：
bgcolor---背景颜色
background---背景图片（默认截取一部分，如果够大则会全景）
其中可以将表格中的内容和<img src="图片地址">连用，例如：
<td>
<img src="..\xxx.png" alt="" ><br>"XXXX"
</td>表格边距
cellpadding ------- 表示表格边距（表示的单元格内元素距离单元格边缘距离）
cellspacing--------- 表示表格的间距（单元格和单元格直接的距离）
<table border="10" width="300px" height="300px" cellpadding="10px"
cellspacing="10px"> 长宽均为300px，表格边距为10px，间距为10px
这里间距和边距系统默认为2px
表格嵌套
表格里面也可以再包含一个表格（可以将一个表格放到另一个表格的单元格内），一般会用来布局
也就是在列标签<td></td>之间再加上一个<table>表格内容
<body>
<table border="1" width="300px" height="300px" cellpadding="0px" cellspacing="0px">
<tr>
<td align="center">
<table border="1" height="300px" cellpadding="0px" cellspacing="0px">
<tr>
<td width="100px"> </td>
<td width="100px"> </td>
<td width="100px"> </td>
</tr>
</table>
</td>
</tr>
</table>
</body>表格合并
rowspan=“n”------n表示的是一个整数，表示在单元格上垂直跨行合并。其实是变相的在垂直方向加一个合并的列，如：<td rowspan="2"> </td>
colspan=“n”------n表示在水平方向上去跨列，其实也是外加的一列，以合并的样式表示。
```html
<body>
<table border="10" width="300px" >
<tr>
<td rowspan="2"> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td colspan="3"> </td>
</tr>
</table>
</body>
```
表单
表单元素：
form 标签 一般会和input标签连用
属性： action ----- 跳转的路径
method ------ 用来明确表单提交的方式（get/post）默认值是get，get请求会把用户信息暴露在地址栏上
name ----- 表单的名称
<form action="demo01.html" method="post" name="regester"></form>
表单元素（文本框，密码框，下拉列表框等等），一般由input，textarea，select标签构成，需要放到form标签内使用
input标签
格式：<input type="元素内容" name="元素名称" value="元素值">
type的取值可以为：
| text | 文本框 |
| password | 密码框 |
| radio | 单选按钮 |
| checkbox | 多选按钮 |
| submit | 提交按钮 |
| reset | 复位按钮 |
| button | 普通按钮 |
| image | 图像按钮 |
| file | 文本域（上传文件的按钮） |
| | 邮箱 |
| color | 颜色域 |
| datetime-local | 日期+时间 |
| range | 进度条 |
| checked | 默认选择 |
| required | 不能为空白提交 |
| autofocus | 默认光标的位置 |
select标签
下拉列表框 -------一般option标签进行连用
selected属性 ------ 默认被选中的选项
multiple="multiple" 属性 ------- 以列表形式显示，例如：
<body>
<form action="">
输入您的地址：
<select name="" id="" multiple>
<option value="" selected>重庆</option>
<option value="">四川</option>
<option value="">湖南</option>
<option value="">广西</option>
</select>
</form>
</body>textarea标签（用来实现文本域，例如个性签名或评论之类）
cols="n" --------- n列，表示文本域的宽度
rows="m"-------- m行，表示文本域的高度
<body>
<form action="">
<textarea name="" id="" cols="30" rows="10">这家伙很懒什么也没留下</textarea>
</form>
</body>
593
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
