用HTML做一个简单的表格
发布网友
发布时间:2022-02-27 06:32
我来回答
共4个回答
热心网友
时间:2022-02-27 08:02
<form>
<table border="1">
<tr><th>姓名:</th><td><input type="text" name="xm"></td></tr>
<tr><th>密码:</th><td><input type="password" name="mm"></td></tr>
<tr><th>性别:</th><td><input type="radio" name="xb" value="男"><input type="radio" name="xb" value="女"></td></tr>
<tr><th>爱好:</th><td><input type="text" name="ah"></td></tr>
<tr><th>职业:</th><td><input type="text" name="zy"></td></tr>
<tr><th>简介:</th><td><textarea name="jj"></textarea></td></tr>
<tr><th> </th><td><input type="submit" value="提交"></td></tr>
</table>
</form>
热心网友
时间:2022-02-27 09:20
<!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/html; charset=gb2312">
<title>无标题文档</title>
</head>
<body>
<table width="862" border="1">
<tr>
<td align="center"> </td>
<td> </td>
</tr>
<tr>
<td align="center">姓名:</td>
<td> </td>
</tr>
<tr>
<td align="center">密码:</td>
<td> </td>
</tr>
<tr>
<td align="center">性别:</td>
<td> </td>
</tr>
<tr>
<td width="110" align="center">爱好:</td>
<td width="736"> </td>
</tr>
<tr>
<td align="center">职业: </td>
<td> </td>
</tr>
<tr>
<td align="center">简介:</td>
<td> </td>
</tr>
<tr>
<td align="center">提交:</td>
<td> </td>
</tr>
</table>
</body>
</html>
热心网友
时间:2022-02-27 10:54
付费内容限时免费查看回答稍等
HTML中制作表格有两种方法:
(1)先把最原始的表格画出来,每一个都是单个单元格,然后再根据要求进行行合并或列合并,有的表格需要行列都合并,则也是把它分为两步做,先合并行再合并列(或者先合并列再合并行),若进行了colspan和rowspan的合并,则将之后同一行或同一列的单元格删除,但这种方法较麻烦,容易搞混。
(2)直接根据最终要生成的表格来操作,将每个合并的单元格看做一个小的单元格,不再将它拆分,然后一行一行的写表格,遇到合并的单元格直接写出colspan或rowspan,下面若遇到已经用过的合并的单元格,则不再将其算到内,只看还剩多少单元格。这种方法一行一行的写,不用再去删单元格,比较清晰。
以下为制作的一个简单表格及其代码:
热心网友
时间:2022-02-27 12:46
上面就好。