用表格和表单制作如下网页。完整html代码

1、使用标签<table></table>定义网页的表格,使用style赋值类型将显示在网页。

2、使用<tr>标签定义行,使用<th>定义表头,表头的文字自动加粗。

3、<tr>和<td>标签配合,定义每行中的表格数量,现在定义3行5列的表格。

4、使用<caption></caption>定义表格的标题。

5、表格分为三个部分,表头部，表主体，表尾部。

6、表头部和主体分别放标题和表格的内容,而表的尾部通常放的是页数。

你好，我按照你的要求写的如下代码，可以直接运行.

<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}