1、table表格
（1）bordercolor边框颜色
（2）cellspacing单元格边框，单元格与边框的距离
（3）cellpadding单元格与单元格之间的距离
（4）bordercolor 边框颜色
（1）-（4）用法：<table bordercolor="greenyellow" border="1" cellspacing="1" cellpadding="0" bordercolor="blue">边框颜色为绿色，边框粗细为1，单元格与边框的距离为1，单元格与单元格之间的距离为0
（5）tr代表行，th\td 代表列
用法：<tr>开始
<th>）......... </th>>第一列（表头）
<td>............. </td>第二列
<td>.............. </td>第三列
</tr>结束
代表这一行有三列
(6)width、heigh代表列宽与行高；align代表水平对齐方式，有三种：left左、right右、center居中；valign代表垂直对齐方式，也有三种：top上、bottom下、middle中
用法：<th align="center"width="90" height="40“>性别</th>表格中性别一框，居中对齐，高度四十。
<th valign="top"width ="40“>性别</th>表格中性别一框，向上对齐，宽度四十。
（7）bgcolor背景颜色、用法与网页背景一样
用法： <table bgcolor="greenyellow">背景颜色为绿色
（8） rowspan上下合并与colspan左右合并
用法：<th width="140" rowspan="4"></th>上下合并四列
<th colspan="2"></th>向右合并两行
2、form元素
（1）action提交给哪个页面后面可以跟网址比如百度，其method指数据提交方式方法有两种：post为隐式及get显式 。
target指页面打开方式有两种一种为-blank在新窗口页面打开；一种为-self在本页面打开对本页面进行覆盖.
用法：<form action="http://www.baidu.com" method="post" target="_blank">
运行后画面：
（2）input输入value文本框的值、name文本框的名称，其中form表单传值时以name=value的形式传输过去input输入、type类型有text(账号)、password（密码）、hidden（隐藏域）、
用法： <input type="text" value=""/>
账号：<input type="text" name="" id="" value="" placeholder="请输入用户名"/><br /> placeholder="请输入用户名"作用为
密码：：<input type="password" name="" id="" value="" />
隐藏域为：<input type="hidden" name="" id="" value="自我评价" />
显示效果为：
文本域显示效果：<textarea name="hid" rows="20" cols="10"></textarea>
其中rows为文本域可见区域的行数，cols为可见区域的横向字符数，即上图中所述为文本域有20行，每行10个字符
隐藏域显示效果：
（3）按钮类
按钮分为普通按钮、图片按钮、提交按钮、重置按钮
普通按钮：<input type="button" name="321"id="aaa" value="普通按钮2"/><--普通按钮type=button，value内的数据为按钮上显示的内容,name为按钮的名字-->
提交按钮<input type="submit"id="" value="提交" /><br /><--普通按钮type=submit，value内的数据为按钮上显示的内容，name为按钮的名字-->
图片按钮：<input type="image" src="20180424152455857686113.jpg" height="20" width="20"/><--普通按钮type=button，value内的数据为按钮上显示的内容,name为按钮的名字-->
重置按钮：<input type="reset" name="234"id="" value="重置"/>
其效果图：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<form action="http://www.baidu.com" method="get"target="_blank"><br />
账号：<input type="text" name="yangyang" id="" value="" placeholder="请输入用户名"/><br />
密码：<input type="password" name="yang" id="" value=""placeholder="请输入用户名" /><br />
<input type="submit"id="" value="提交" /><br />
<input type="hidden" name="xujie" id="" value="自我介绍" />
<textarea name="hid" rows="8" cols="100"></textarea><br />
<input type="image" src="20180424152455857686113.jpg" height="40" width="40"/><br />
<input type="button" name="321"id="aaa" value="普通按钮2"/><br />
<input type="submit" name="456"id="" value="提交"/><br />
<input type="reset" name="234"id="" value="重置"/><br />
</form>
</body>
</html>
简历
其代码有：
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>lianxi</title> </head> <body> <table bgcolor="greenyellow" border="1" cellspacing="0" cellpadding="0" bordercolor="blue"> <tr> <th align="center" height="40">姓名</th> <th width="90" height="40"></th> <th align="center"width="90" height="40">性别</th> <th width="90" height="40"></th> <th align="center"width="90" height="40">出生年月</th> <th width="90" height="40"></th> <th width="140" rowspan="4"></th> </tr> <tr> <th align="center"width="90" height="40">民族</th> <th width="90" height="40"></th> <th align="center"width="90" height="40">政治面貌</th> <th width="90" height="40"></th> <th align="center"width="90" height="40">身高</th> <th width="90" height="40"></th> </tr> <th align="center"width="90" height="40">学制</th> <th width="90" height="40"></th> <th align="center"width="90" height="40">学历</th> <th width="90" height="40"></th> <th align="center"width="90" height="40">户籍</th> <th width="90" height="40"></th> <tr> <th align="center"width="70" height="40">专业</th> <th width="140" height="40"></th> <th align="center"height="40"colspan="2">毕业院校</th> <th width="200" height="40"colspan="2"></th> </tr> <tr> <th align="center"colspan="7" height="40">技能、特长或爱好</th> </tr> <tr> <th align="center"colspan="2" height="40">外语等级</th> <th height="40"></th> <th align="center"colspan="3" height="40">计算机等级</th> <th height="40"></th> </tr> <tr> <th align="center"colspan="7" height="40">个人履历</th> </tr> <tr> <th align="center"height="40" >时间</th> <th align="center"height="40" colspan="2">单位</th> <th align="center"height="40" colspan="3">经历</th> <th height="40"></th> </tr> <tr> <th align="center"height="40" >2002年4月</th> <th height="40" colspan="2"></th> <th height="40" colspan="3"></th> <th height="40"></th> </tr> <tr> <th align="center"height="40" >2003年3月</th> <th height="40" colspan="2"></th> <th height="40" colspan="3"></th> <th height="40"></th> </tr> <tr> <th align="center"height="40" >2003年8月</th> <th height="40" colspan="2"></th> <th height="40" colspan="3"></th> <th height="40"></th> </tr> <tr> <th align="center"colspan="8" height="40">联系方式</th> </tr> <tr> <th align="center"height="40">通讯地址</th> <th colspan="3" height="40"></th> <th align="center"height="40">联系电话</th> <th colspan="4" height="40"></th> </tr> <tr> <th align="center" height="40">E-mail</th> <th colspan="3" height="40"></th> <th align="center"height="40">邮编</th> <th colspan="4" height="40"></th> </tr> <tr> <th align="center"colspan="7" height="40">技能、特长或爱好 </tr> <tr> <th colspan="7" height="200"></th> </tr> </table> </body> </html>
效果图：
