```
<!doctype html>
<html>
<head>
<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css"> <!-- 引用google字体-->
<style>
p2{float:right}
table{margin: auto;
width: 40%;
height: 40%}
body{background-color:antiquewhite}
#link-color{color:brown;}
h1 {font-family: Lobster,Monospace,Monaco;}
</style> <!--字体的降序 -->
<meta name="怪诞喜剧" charset="utf-8"><!--文档描述，关键字，作者，字符集等-->
<title>个人信息收集表 </title><!-- 文档标题 -->
</head>
<br/> <!--换行符-->
<h1 style="text-align:center;"><b>个人信息</b></h1><!-- 文本居中 1，使用属性text_align:center,2.align="center" 3.使用<center>标签 -->
<br/>
<hr> <!--创建水平线标签 -->
<body>
<p>请<strong><del>认真填写</del></strong>并<b><del>仔细核对</del></b>您的个人信息</p>
<!-- <strong>标签与<b>标签作用相似 -->
<p>如有疑惑请点击<a id="link-color" href="http://www.seaantwh.top" targer="_blank"><b>这里</b></a></p>
<!-- 给链接配置id,id是唯一的 blank使得链接·在新窗口打开 -->
<form action="file:///G|/code/web/7.7/seaantwh.top"><!-- 文本提交 -->
<table cellspacing="0"><!--创建表单 -->
<tr><!--行-->
<td>姓名<input style="width:95%" type="text" required></td><!-- 列 -->
<td>性别
<select style="width:95%">
<option value="m">男</option>
<option value="w">女</option>
</select>
</td>
</tr>
<tr>
<td>手机<input style="width:95%" type="text" required></td>
<td>邮箱<input style="width:95%" type="text"></td>
</tr>
<tr>
<td>特长<input style="width:95%" type="text" required></td>
<td>职位<input style="width:95%" type="text" required></td>
</tr>
<tr>
<td>住址<input style="width:95%" id="words" type="text" placeholder="现居地" required></td>
<td>婚否 <label><input type="radio" name="yes-no">是 </label>
<label><input type="radio" name="yes-no">否</label>
</td>
</tr>
<br/>
</table>
<hr>
<tr>
<td class="right" colspan="4" align="rigth">
<p2>
<input type="submit" value="提交" >
</p2>
</td>
</tr>
</form>
</body>
</html>
```
