我大概做了一个。。你看看吧。。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html>
<head>
<meta http-equiv="Content-Type" content="text/htmlcharset=UTF-8">
<title>Document</title>
<style>
*{padding:0margin:0}
table{border-collapse:collapseborder-spacing:0}
table,td{border:1px solid #ddd}
td{padding:10px}
.innertable{padding:0}
.innertable table,.innertable td{border:0 none}
.innertable td{border-right:1px solid #ddd}
</style>
</head>
<body>
<table>
<tr>
<td colspan="6" style="text-align:centerbackground-color:#f0f0f0">参加回执</td>
</tr>
<tr>
<td width="16%">姓名</td>
<td width="17%"></td>
<td width="16%">手机</td>
<td width="17%"></td>
<td width="16%">职位</td>
<td width="18%"></td>
</tr>
<tr>
<td>
公司
</td>
<td colspan="5" class="innertable">
<table width="100%">
<tr>
<td width="33.3%"></td>
<td width="33.3%">E-mail</td>
<td width="33.3%"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td colspan="2">试听时间（选择一天）</td>
<td colspan="4">
<label><input type="checkbox">11月15日（周六）</label>
<label><input type="checkbox">11月16日（周日）</label>
</td>
</tr>
<tr>
<td colspan="6" style="height:100pxvertical-align:top">
您希望通过这堂课能收获到什么？
</td>
</tr>
</table>
</body>
</html>
这是很基础的html页面设计啊：1、观察页面
可以看到页面中每一行的内容都是居中显示的所有样式肯定有text-align:center
唯一一个不同的地方就是，输入框后面的三个链接是显示在两行的高度上的，所以有一个rowspan = "2"
2、其他的都是准备好素材，直接写入table的每一行就行了
html格式即超文本置标语言（英文：HyperText Markup Language，简称为HTML）是为“网页创建和其它可在网页浏览器中看到的信息”设计的一种置标语言。也就是说是网页格式，用浏览器打开就好啦，
在电脑上用普通的Internet Explorer浏览器打开就可以了
PS：如果你在邮箱中不能直接看，右击连接在新窗口中打开就好了
