HTML的自我概述（二）

input系列：

对于一份完整的文本信息，应该有表单将他们包裹，当用户提交相关信息时，将整个表单提交给后端，所以应该由<form></form>将所有“input”标签进行嵌套。

1、<input  type="text"  name="xxx"   id="xxx">         //插入单行文本框
2、<input  type="pasword" name="xxx"   id="xxx">       //插入密码文本框
3、<input  type="radio"  name="xxx"   id="xxx">        //插入单选按钮
4、<input  type="checkbox" name="xxx"   id="xxx">      //插入多选按钮
5、<input  type="file"  name="xxx"   id="xxx">         //插入选择文件框
6、<input  type="submit"  name="xxx"   id="xxx">       //插入提交按钮
7、<input  type="reset"  name="xxx"   id="xxx">        //插入重置按钮
8、<textarea>xxxxxx</textarea>                     //插入多行文本输入框

良好的input标签使用方法，应该是给他们逐个添加name,id便于后期更快速的查找他们归类；其次应在input选项标签末尾添加value属性，利于后段能区分出用户所选取的实际参数值。
当某些特殊情况,需要给表单提供默认选项时,需在末尾添加checked=“checked”。

<label></label>

标签用于input优化，可用在用户名或是密码输入，当用户点击文本框前方字样时，光标依旧可以跳入文本框。 label与input之间用for=“xxx”和id="xxx"构成桥梁。

表格系列：

在前端中的表格，是由一个一个的单元格组合而成的。与html标签相似，表格的总框架也分为头<thead></thead>以及身<tbody></tbody>。

<table>
	<thead>         //表头
		<tr>
			<td>   </td>              //单元格
			<td>   </td>
			<td>   </td>
		</tr>
	</thead>
	<tbody>        //表身
		<tr>
			<td>   </td>
			<td>   </td>
			<td>   </td>
		</tr>
		</tr>
	</tbody>
</table>

align=“center”（居中） border=“0”（边框） cellspacing=“0” cellpadding=“0”
这四个属性存放于table标签之中，要保证表格中数据居中，还要三参为0，可以让表格的分割线贴紧。
colspan标签用于合并横向单元格
rowspan标签用于合并纵向单元格
使用之前应减去相应各数。