博主信息
博文 8
粉丝 0
评论 0
访问量 7228
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
HTML标签作业之table-lesson02
A正进
原创
595人浏览过

<!DOCTYPE html>

<html>
<head>
<meta charset="utf-8">
<title>HTML标签作业之table</title>
<style>
.jiben {
height: 40px;
border-color: blanchedalmond;
border-bottom: aqua;
text-align: center;
}
.work{
color: chartreuse;
font-size: 18px;
}
</style>
</head>
<body>
<table border="4" cellspacing="1" width="600px">
<!-- cellspacing是单元格之间的距离 -->
<tr>
<td align="center" colspan="6" bgcolor="aquamarine">
<a href="" >这里是需要用到表格的背景色</a>
</td>
</tr>
<tr class="jiben">
<td colspan="6"> <font size="25" color="crimson">—My基本资料—</font></td>
</tr>
<tr class="jiben" style="color: brown;">
<td>姓名:</td>
<td>性别:</td>
<td>年龄:</td>
<td>身高:</td>
<td>籍贯:</td>
<td>出生日期:</td>

</tr>
<tr class="jiben">
<td>张三疯</td>
<td>男</td>
<td>99</td>
<td>180CM</td>
<td>中国北京</td>
<td>1900年1月1日</td>
</tr>
<tr>
<td colspan="2" style="color: brown;">毕业院校:</td>
<td colspan="4">中国人名大学</td>
</tr>
<tr>
<td colspan="2" style="color: brown;">主修专业</td>
<td colspan="4">太极拳</td>
</tr>
<tr>
<td colspan="2" style="color: brown;">工作经验</td>
<td>10年</td>
<td colspan="2" style="color: brown;">期望年薪</td>
<td>100W</td>
</tr>
<tr>
<td colspan="2" style="color: brown;">有效证件</td>
<td>身份证</td>
<td colspan="2" style="color: brown;">证件号码</td>
<td>31010**1234</td>
</tr>
<tr>
<td colspan="6" bgcolor="aquamarine" align="center">
<a href="">这里是需要用到表格的背景色</a>
</td>
</tr>

</table>
<hr/>

<table border="6" cellspacing="0" width="600px">

<tr>
<td align="center" colspan="6" bgcolor="coral">
<a href="" >这里是用另外一个table做的</a>
</td>
</tr>
<tr class="jiben">
<td colspan="4"> <font size="25" color="crimson">—求职意向—</font></td>
</tr>
<tr class="jiben" style="color: brown;">
<td colspan="2" >寻求职位:</td>
<td colspan="2">会打太极拳</td>



</tr>
<tr class="jiben">
<td >上班地点</td>
<td>北京</td>
<td>薪资待遇</td>
<td>年薪制</td>

</tr>
<tr>
<td style="color: brown;">自我评价:</td>
<td colspan="3">我会打太极拳我会打太极拳我会打太极拳
我会打太极拳我会打太极拳我会打太极拳
</td>
</tr>

<tr>
<td colspan="4" bgcolor="bisque" align="center">
<a href="">这里是需要用到表格的背景色</a>
</td>
</tr>
<tr>
<td>教育经历</td>
</tr>
<tr>
<td>教育时间</td>
<td>就读院校</td>
<td>专业</td>
<td>学历</td>
</tr>
<tr>
<td>1900年-1999年</td>
<td>北洋船政</td>
<td>水手</td>
<td>舵手</td>
</tr>

<tr>
<td colspan="4" bgcolor="chartreuse" align="center"><a href="" style="color: cornflowerblue;">这里是工作经历</a></td>
</tr>
<tr class="work">
<td>就职公司</td>
<td>中国邮政</td>
<td>所属行业</td>
<td>快递</td>
</tr>
<tr class="work">
<td>就职时间</td>
<td>2000年</td>
<td>就职岗位</td>
<td>司机</td>
</tr>
<tr class="work">
<td>公司性质</td>
<td>物流</td>
<td>就职部门</td>
<td>审核员</td>
</tr>
<tr>
<td>
<strong>工作情况</strong>
<h6>右侧是文本框</h6>
</td>
<td colspan="3">
<textarea rows="10" cols="50">工作期间认真负责,具有团队协作精神,吃苦耐劳,工作期间认真负责,具有团队协作精神,吃苦耐劳,工作期间认真负责,具有团队协作精神,吃苦耐劳,工作期间认真负责,具有团队协作精神,吃苦耐劳,工作期间认真负责,具有团队协作精神,吃苦耐劳,工作期间认真负责,具有团队协作精神,吃苦耐劳,工作期间认真负责,具有团队协作精神,吃苦耐劳,工作期间认真负责,具有团队协作精神,吃苦耐劳,</textarea>
</td>
</tr>
<tr class="work">
<td>联系电话</td>
<td>18955555555</td>
<td>电子邮箱</td>
<td>123@qq.com</td>
</tr>

</table>
<hr >
<h4>用户注册或者登录</h4>
<form action="reg" method="post">
<div id=" 1">
用户名:<input type="text" name="user_name" id="" value="" placeholder="只能使用字母作为用户名" />
</div>
<div id="2">
密码区:<input type="password" name="pass_wd" id="" value="" placeholder="长度大于8位的数字和字母的组合"/>
</div>
<div id="3">
邮箱号:<input type="email" name="e_mail" id="" value="@qq.com" />
</div>
<div id="4">
你多大:<input type="number" name="age" id="" value="" placeholder="必须是大于18岁"/>
</div>
<div id="5">
过生日:<input type="date" name="shengri" id="" value="" />
</div>
<div id="6">
喜好:
<input type="checkbox" name="" id="" value=""/><label for="">跑步</label>
<input type="checkbox" name="" id="" value=""/><label for="">游泳</label>
<input type="checkbox" name="" id="" value=""/><label for="">瑜伽</label>


</div>
<div id="7">
选择课程:
<select name="选择课程:">
<option value="">体育</option>
<option value="">舞蹈</option>
<option value="">美术</option>
</select>

</div>
<div id="8">
性别:<input type="radio" name="" id="" value="" checked=""/><label for="">男</label>
<input type="radio" name="" id="" value=""/><label for="">女</label>
<input type="radio" name="" id="" value=""/><label for="">保密</label>
</div>
<!-- <input type="submit" value="登录"/> -->
<br>
<button type="button">登录</button>
<input type="submit" value="注册"/>
</form>
</body>
</html>

批改老师:PHPzPHPz

批改状态:不合格

老师批语:1.作业使用markdown语法,代码放入代码块中 2.博文标题不要出现作业、日期字样
本博文版权归博主所有,转载请注明地址!如有侵权、违法,请联系admin@php.cn举报处理!
全部评论 文明上网理性发言,请遵守新闻评论服务协议
0条评论
作者最新博文
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • 登录PHP中文网,和优秀的人一起学习!
    全站2000+教程免费学