需求：实现如上图网页
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>注册界面</title>
</head>
<body>
<div>
<form action="">
<table width="400">
<tr align="center">
<td colspan="2" bgcolor="gray">用户注册</td>
</tr>
<tr>
<td align="right" style="background-color: gainsboro;">用户名</td>
<td style="background-color: gainsboro;"><div><input type="text" name="" id=""></div></td>
</tr>
<tr>
<td align="right" style="background-color: gainsboro;">密码</td>
<td style="background-color: gainsboro;"><div><input type="password" name="" id=""></div></td>
</tr>
<tr>
<td align="right" style="background-color: gainsboro;">性别</td>
<td style="background-color: gainsboro;">
<div>
<input type="radio" name="gender" value="男">男
<input type="radio" name="gender" value="女">女
</div>
</td>
</tr>
<tr>
<td align="right" style="background-color: gainsboro;">爱好</td>
<td style="background-color: gainsboro;">
<div>
<input type="checkbox" name="hobby">写作
<input type="checkbox" name="hobby">听音乐
<input type="checkbox" name="hobby">体育
</div>
</td>
</tr>
<tr>
<td align="right" style="background-color: gainsboro;">省份</td>
<td style="background-color: gainsboro;">
<div>
<select name="省份">
<option value="山西省">山西省</option>
<option value="陕西省" selected>陕西省</option>
<option value="江西省">江西省</option>
<option value="四川省">四川省</option>
</select>
</div>
</td>
</tr>
<tr>
<td align="right" style="background-color: gainsboro;">自我介绍</td>
<td style="background-color: gainsboro;">
<textarea name="自我介绍" cols="30" rows="10"></textarea>
</td>
</tr>
<tr align="center">
<td colspan="2" style="background-color: gray;"><input type="submit">
<input type="reset">
<td>
</tr>
</table>
</form>
</div>
</body>
</html> 
![[Xshell] Xshell的下载安装使用及连接linux过程 详解（附下载链接）](https://i-blog.csdnimg.cn/direct/3e27ab7b15ba474e9ea0f0edb19e93b8.png)
