个人简历&用户注册
<!DOCTYPE html>
<html>
<head>
<title>个人简历</title>
<meta charset="utf-8">
<meta name="keywords" content="我的HTML作业，作业" />
<meta name="description" content="个人简历作业">
<style>
#content{
width:800px;
margin: 0 auto;
}
.tableConmon{
margin: 0;
padding: 0;
width:800px;
}
.trCommon > td{
border: 1px #000000 solid;
}
.topBoot{
background: #708090;
}
.topTwo{
background:#BEBEBE;
text-align:left;
}
.headImg{
width: 100px;
height:150px;
}
form{
width:600px;
height:600px;
margin:0 auto;
}
input[name="age"]{
width:35px;
}
</style>
</head>
<body>
<div id="content">
<table class="tableConmon" cellspacing="0" cellpadding="10">
<!-- <caption>我的前端个人简历作业</caption> -->
<thead>
<tr class="trCommon topBoot">
<td colspan="5"></td>
</tr>
<tr class="topTwo">
<th colspan="5">---- 基 本 资 料 ----</th>
</tr>
</thead>
<tbody>
<tr class="trCommon">
<td>姓名</td>
<td>Andy</td>
<td>性别</td>
<td>男</td>
<td rowspan="7">
<img alt="图片飞走了" class="headImg" src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fwww.17qq.com%2Fimg_qqtouxiang%2F86857359.jpeg&refer=http%3A%2F%2Fwww.17qq.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1638847146&t=d901ec25e172997a1defdb87a9030d62">
</td>
</tr>
<tr class="trCommon">
<td>学历</td>
<td>大专</td>
<td>身高</td>
<td>165CM</td>
<!-- <td>照片</td> -->
</tr>
<tr class="trCommon">
<td>籍贯</td>
<td>贵州</td>
<td>出生年月</td>
<td>1889年12月11</td>
<!-- <td>照片</td> -->
</tr>
<tr class="trCommon">
<td>毕业院校</td>
<td colspan="3"></td>
<!-- <td></td>
<td></td> -->
<!-- <td>照片</td> -->
</tr>
<tr class="trCommon">
<td>主修专业</td>
<td colspan="3"></td>
<!-- <td></td>
<td></td> -->
<!-- <td>照片</td> -->
</tr>
<tr class="trCommon">
<td>工作经验</td>
<td>在职</td>
<td>目前年薪</td>
<td>10万元</td>
<!-- <td>照片</td> -->
</tr>
<tr class="trCommon">
<td>有限证件</td>
<td>身份证</td>
<td>证件号码</td>
<td>554414787</td>
<!-- <td>照片</td> -->
</tr>
<tr class="trCommon topBoot">
<td colspan="5"></td>
<!-- <td></td>
<td></td>
<td></td>
<td></td> -->
</tr>
</tbody>
</table>
<table class="tableConmon" cellspacing="0" cellpadding="10">
<thead>
<tr class="topTwo">
<th colspan="4">---- 求 职 意 向 ----</th>
</tr>
</thead>
<tbody>
<tr class="trCommon">
<td>寻求职位</td>
<td colspan="3">PHP工程师</td>
<!-- <td></td>
<td></td> -->
</tr>
<tr class="trCommon">
<td>求职地区</td>
<td>福田</td>
<td>工资待遇</td>
<td>8800</td>
</tr>
<tr class="trCommon" height="150px">
<td>自我评价</td>
<td colspan="3">
工作认真，乐于学习
</td>
<!-- <td></td>
<td></td> -->
</tr>
<tr class="trCommon topBoot">
<td colspan="4"></td>
<!-- <td></td>
<td></td>
<td></td> -->
</tr>
</tbody>
</table>
<table class="tableConmon" cellspacing="0" cellpadding="10">
<thead>
<tr class="topTwo">
<th colspan="4">---- 教 育 经 历 ----</th>
</tr>
</thead>
<tbody>
<tr class="trCommon">
<td>起止时间</td>
<td>就读院校名称</td>
<td>主修专业</td>
<td>学历</td>
</tr>
<tr class="trCommon">
<td>1888-2009</td>
<td></td>
<td>全栈工程师</td>
<td>全栈工程师</td>
</tr>
<tr class="trCommon topBoot">
<td colspan="4"></td>
</tr>
</tbody>
</table>
<table class="tableConmon" cellspacing="0" cellpadding="10">
<thead>
<tr class="topTwo">
<th colspan="4">---- 工 作 经 验 ----</th>
</tr>
</thead>
<tbody>
<tr class="trCommon">
<td>就职公司</td>
<td>PHP开发公司</td>
<td>公司评价</td>
<td>优秀</td>
</tr>
<tr class="trCommon">
<td>就职时间</td>
<td>1999-至今</td>
<td>就职部门</td>
<td>it部</td>
</tr>
<tr class="trCommon">
<td>公司性质</td>
<td>外包公司</td>
<td>就职职位</td>
<td>PHP开发工程师</td>
</tr>
<tr class="trCommon" height="150px">
<td>工作描述</td>
<td colspan="3">PHP开发工程师</td>
</tr>
<tr class="trCommon topBoot">
<td colspan="4"></td>
</tr>
</tbody>
</table>
<table class="tableConmon" cellspacing="0" cellpadding="10">
<thead>
<tr class="topTwo">
<th colspan="4">---- 联 系 方 式 ----</th>
</tr>
</thead>
<tbody>
<tr class="trCommon">
<td>联系电话</td>
<td>444555</td>
</tr>
<tr class="trCommon">
<td>联系手机</td>
<td>558788</td>
</tr>
<tr class="trCommon">
<td>电子邮件</td>
<td>444555@qq.com</td>
</tr>
</tbody>
</table>
<hr/>
<form action="#" method="get">
<h3>用户注册</h3>
账号：<input type="text" name="user" placeholder="请输入用户名称"><br/>
密码：<input type="password" name="pwd" placeholder="6-16位字符"><br/>
邮箱：<input type="email" name="email" placeholder="example@mail.com"><br/>
年龄：<input type="text" name="age"><br/>
生日：<input type="date" name="birthday"><br/>
课程：
<select name="course">
<option value="">---请选择---</option>
<option value="html" selected>html</option>
<option value="css">css</option>
<option value="script">script</option>
<option value="php">php</option>
</select><br/>
爱好：
<input type="checkbox" name="hobby" id="da">
<label for="da">打游戏</label>
<input type="checkbox" name="hobby" id="kan">
<label for="kan">看电影</label>
<input type="checkbox" checked name="hobby" id="lu">
<label for="lu">撸代码</label>
<br/>
性别：
<input type="radio" checked name="sex" id="nan">
<label for="nan">男</label>
<input type="radio" name="sex" id="nv">
<label for="nv">女</label>
<input type="radio" name="sex" id="baomi">
<label for="baomi">保密</label>
<br/>
简介：
<textarea name="brief" id="" cols="30" rows="10"></textarea><br/>
<input type="submit" value="提交">
<input type="button" value="Ajax">
</form>
</div>
</body>
</html>
更多相关文章
- 第二天第二个作业
- 2021.11.9 作业
- 2021年11月9日作业1
- 我的第一个作业
- 大前端第二天第一个作业
- 用户注册作业
- 20211109-788331作业
- 20211109作业
- 10月18日作业-MYSQL新增表及导出