Html的表格用table来表示。下面,我们来看看HTML怎么插入表格吧。
01table
首先定义HTML表格,代码为<table></table>,如下图所示:
02定义表格的行
使用tr元素定义HTML表格的行,如下图所示:
03定义单元格
使用td元素定义单元格,如下图所示:
04表格的边框
然后用border定义表格的边框,如下图所示:
<html ><head>
<title>注册页面</title>
</head>
<body>
<form action="" method="post">
<table>
<tr><th colspan="2">注册用户</th></tr>
<tr>
<td>姓名:</td>
<td><input type="text" name="userName" /></td>
</tr>
<tr>
<td>性别:</td>
<td>男:<input type="radio" name="userSex" value="男" checked="checked">女:<input type="radio" name="userSex" value="女"></td>
</tr>
<tr>
<td>年龄:</td>
<td><select name="userAge">
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="24">24</option>
</select></td>
</tr>
<tr>
<td>个人简介:</td>
<td><textarea name="userInfo" cols="30" rows="15"></textarea></td>
</tr>
<tr>
<td>联系电话:</td>
<td><input type="text" name="telephone" /></td>
</tr>
<tr>
<td>照片:</td>
<td><input type="file" name="userPhoto" /></td>
</tr>
</table>
</form>
</body>
</html>