部分笔记，随便记下，
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
</head>
<style>
table{
/*消除边框塌陷*/
border-collapse: collapse;
}
</style>
<body>
<table border="2">
<!--border表示边框线大小-->
<caption>简易计算器</caption>
<tr>
<th>第一列</th>
<th>第二列</th>
<th>第三列</th>
<th>第四列</th>
</tr>
<tr>
<!--colspan表示合并横向多少格子 rowspan表示纵向合并多少格子 align表示字体所处位置-->
<td colspan="4" align="right" >123 </td>
</tr>
<tr>
<td >AC</td>
<td>+/-</td>
<td>%</td>
<td>/</td>
</tr>
<tr>
<td>7 </td>
<td>8 </td>
<td>9 </td>
<td>&</td>
</tr>
<tr>
<td >4</td>
<td>5</td>
<td>6</td>
<td>-</td>
</tr>
<tr>
<td >1 </td>
<td>2 </td>
<td>3 </td>
<td>+</td>
</tr>
<tr>
<td colspan="2">0</td>
<td> .</td>
<td>=</td>
</tr>
</table>
<hr/>
<!--cellpadding表示之间单元格内间距，cellspacing表示列与列之间单元格间距-->
<table border="1"cellpadding="11">
<caption>电话费</caption>
<tr>
<th>姓名</th>
<th>性别</th>
<th>年龄</th>
<th>家庭住址</th>
</tr>
<tr>
<td>王二</td>
<td>男</td>
<td>12</td>
<td>不详</td>
</tr>
<tr>
<td>张三</td>
<td>男</td>
<td>12</td>
<td>之刃</td>
</tr>
<tr>
<td>李四</td>
<td>男</td>
<td>12</td>
<td>卡特</td>
</tr>
<tr>
<<td>贾五</td>
<td>男</td>
<td>12</td>
<td>琳娜</td>
</tr>
</table>
<hr/>
版权所有，翻印必究
<hr/>
<br/>
<form action="http://192.168.8.10:8080" method="get" >
请输入账号<input type="text" placeholder="请输入账号"/>
<br/>
请输入密码 <input type="password" maxlength="12" placeholder="请输入密码"/>
<br/>
<input type="button" value="登录" />
<input type="submit" value="再登录"/>
<button>点击我真的登录</button>
<br/>
脚踩灯泡 <input type="checkbox"/>
胸口碎大石 <input type="checkbox"/>
下油锅 <input type="checkbox"/>
上刀山 <input type="checkbox"/>
阴曹地府一日游 <input type="checkbox"/>
<br/>
同意 <input type="radio" checked="checked" name="yes"/>
拒绝 <input type="radio" name="yes"/>
<br/>
男 <input type="radio" checked name="sex"/>
女 <input type="radio" name="sex"/>
</form>
<a href="http://192.168.8.10:8080" target="_blank">点我你懂得</a>
<br/>
<audio src="img/movie.mp4" controls autoplay loop>asdf</audio>
</body>
</html>
额，总体来说，不是很难，就是记得有点多，多多熟练就好
原文：http://www.cnblogs.com/rainbow1995/p/6507411.html