<form name="user" action="" method="post">
</form>

name内为自定义变量（此变量传回后端数据库，与数据库中的表对应）
metod="post"为发送数据。method="get"为拉取数据
action定义数据传去目的文件的文件名

文本域（文本输入框）

输入框1: 
<input type="text" name="firstname" />
<br />
输入框2：
<input type="text" name="lastname" />

input type="text" type内填text为定义文本输入框

单选按钮

男性：
<input type="radio" name="sex" value="man" />
<br />
女性：
<input type="radio" name="sex" value="woman" />

input type="radio" type后填radio意为单选框
value内填传回数据库中的值
可在语句开始前或结束后输入要在浏览器前台显示的文本

复选按钮

按钮1
<input type="checkbox" name="button1">
<br />
按钮2
<input type="checkbox" name="button2">
<br />
按钮3
<input type="checkbox" name="button3">

input type="checkbox" type后填checkbox意为复选框

下拉列表

<select name="列表名">
<option value="初始值1">显示名称1</option>
<option value="初始值2">显示名称2</option>
<option value="初始值3">显示名称3</option>
<option value="初始值4">显示名称4</option>
</select>

value内填传回数据库中的值

按钮

<input type="submit" value="提交"> 
<input type="reset" value="重置"> 

reset作用：清空当前表单内输入的所有信息以供重新输入

留言板

<textarea name="test"></textarea>

作用：创建一个随意输入文本的输入框

表格

<table border="1" width="300" cellspacing="0" cellpadding="5">
<tr>
    <td>内容</td>
    <td>内容</td>
</tr>
</table>

table:声明表格
border:设置边框线宽度（数字1代表表框线宽度为1像素）
cellspacing:设置单元格外边距
cellpadding：设置单元格内边距
width:设置一个单元格宽度
tr：代表一行
td：代表一个单元格（理解为一列）

合并单元格

<tr>
    <td>内容</td>
    <td colspan="2">二合一单元格</td>
</tr>

横向合并：colspan="占用的格数"
竖向合并：rowspan=“占用的格数”
（合并之后要把后面多余的单元格删除）

布局标签

<header>~</header>页面头区域标签
<div class="" id=""></div>布局层标签
<nav>～</nav>页面导航区域标签
<span>~</span>布局层标签（局部细节布局）
<footer>～</footer>页面脚部区域标签