首先是colspan属性，这是合并单元格的，一般一个表格的每一行的单元格数目都是一致的，但可以使用这个属性来为任意一行合并某些单元格，下方的代码就是为第一行合并3个单元格，从而让这一行只有一个单元格的。
另一个是bgcolor属性，这是设置每一行或，每一个单元格的背景颜色的，如果要设置漂亮的表格，我们可以使用这个背景属性来让表格更有色彩。
align属性可以让我们的单元格内容进行对齐，有左对齐，居中对齐和右对齐。这个可以让文本显示更加有条理。
看下应用的效果，可以看到现在的表格显示有条有理了，灵活应用这些表格属性，可以让我们做出各式各样的表格来。
你好，我按照你的要求写的如下代码，可以直接运行.
<center>
<table>
<caption style="text-decoration:underlinefont-weight:bold">请留下个人资料</caption>
<tr><td>姓名：</td><td><input type="text"></td></tr>
<tr><td>电话：</td><td><input type="text"></td></tr>
<tr><td>E-mail：</td><td><input type="text"></td></tr>
<tr><td>性别：</td><td><input type="radio" checked>男 <input type="radio">女</td></tr>
<tr><td>年龄：</td><td><select><option>20以下</option></select></td></tr>
<tr><td>留言版：</td><td><textarea></textarea></td></tr>
<tr><td>您的爱好：</td><td><input type="checkbox">运动 <input type="checkbox">阅读<br><input type="checkbox">听音乐 <input type="checkbox">旅游</td></tr>
</table>
<input type="submit" value="提交"> <input type="reset" value="全部重写">
</center>
<div>标题内容:<input type="text" id="a"></div><div>标题格式:<input type="text" id="b"></div><div>标题大小:<input type="text" id="c"></div><button type="button" id="d">预览</button><div id="e"></div>
// 绑定 id 为 d 的按钮的点击事件document.getElementById("d").onclick = function () { // 获取 id 为 a 的输入框的值 var a = "标题内容:" + document.getElementById("a").value // 获取 id 为 b 的输入框的值 var b = "标题格式:" + document.getElementById("b").value // 获取 id 为 c 的输入框的值 var c = "标题大小:" + document.getElementById("c").value // 将获取到的值加入到 id 为 e 的元素里面 document.getElementById("e").innerHTML = a + "" + b + "" + c}
