Educoder_Web_简历表页面的制作

第一关简历表页面的结构设计

 <!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>简历表</title>
</head>
<body>
<!-- ********* Begin ********* -->
<table><tr><td colspan=5 class="one two">简历表</td></tr><tr><td class="one">姓名</td><td></td><td class="one">民族</td><td></td><td  rowspan=5>照片</td></tr><tr><td class="one">籍贯</td><td></td><td class="one">身高</td><td></td></tr><tr><td class="one">婚姻状况</td><td></td><td class="one">电子邮件</td><td></td></tr><tr><td class="one">联系电话</td><td></td><td class="one">QQ号码</td><td></td></tr><tr><td class="one">出生年月</td><td></td><td class="one">国籍</td><td></td></tr><tr ><td class="one">目前所在地</td><td colspan=4></td></tr>
</table><!-- ********* End ********* -->
</body>
</html>

第二关简历表页面的设计结构

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>简历表</title>
<!-- ********* Begin ********* -->
<style type="text/css">
table{
border: 1px solid #ccc;/*设置table的边框*/
width: 600px;
height: 40px;
margin: 0 auto;
border-collapse: collapse;
font-size: 14px;
}
td{
width:80px;
border:1px solid #ccc;
}
.one{background:#eee;}
.two{
text-align:center;
font-size:20px;
font-weight:bold;
}
</style>
<!-- ********* End ********* -->
</head>
<body>
<table>
<tr>
<td colspan=5 class="one two">简历表</td>
</tr>
<tr>
<td class="one">姓名</td>
<td></td>
<td class="one">民族</td>
<td></td>
<td rowspan=5>照片</td>
</tr>
<tr>
<td class="one">籍贯</td>
<td></td>
<td class="one">身高</td>
<td></td>
</tr>
<tr>
<td class="one">婚姻状况</td>
<td></td>
<td class="one">电子邮件</td>
<td></td>
</tr>
<tr>
<td class="one">联系电话</td>
<td></td>
<td class="one">QQ号码</td>
<td></td>
</tr>
<tr>
<td class="one">出生年月</td>
<td></td>
<td class="one">国籍</td>
<td></td>
</tr>
<tr >
<td class="one">目前所在地</td>
<td colspan=4></td>
</tr>
</table>
</body>
</html>

Educoder_Web_简历表页面的制作相关推荐

educoder实训平台----简历表页面的制作
educoder实训平台----简历表页面的制作第1关:简历表页面的结构设计 <!doctype html> <html> <head> <meta cha ...
Web练习题---简历表页面的制作
简历表页面的制作文章目录简历表页面的制作第1关:简历表页面的结构设计相关知识表格标签及其属性设置 1.table标签的属性 2.tr标签的属性 3.td标签的属性 4.th标签的属性表格单 ...
web前端-综合应用案例-简历表页面的制作-educoder
第1关:简历表页面的结构设计 <!doctype html> <html> <head> <meta charset="utf-8"> ...
Educoder -- Web程序设计基础2021秋--简历表页面的制作
文章目录第1关: 简历表页面的结构设计 1. 编程要求 2. 代码展示第2关: 简历表页面的样式设计 1. 编程要求 2. 代码展示第1关: 简历表页面的结构设计 1. 编程要求根据任务描述的 ...
EduCoder-Web程序设计基础-html5— 简历表页面的制作-第2关：简历表页面的样式设计
目录任务描述相关知识编程要求测试说明代码示例任务描述本关任务:美化简历表页面. 相关知识为了完成本关任务,你需要掌握:1.CSS控制表格样式 CSS控制表格样式除了表格标签自带的属性 ...
EduCoder-Web程序设计基础-html5— 简历表页面的制作-第1关：简历表页面的结构设计
目录任务描述相关知识测试说明代码示例任务描述本关任务:通过表格的相关标签制作一个简单的简历表. 相关知识为了完成本关任务,你需要掌握:1.表格标签及其属性设置,2.项目表头单元格标签和数 ...
Jasperreport_6.18的吐血记录三之简易交叉表 + 页面预览和导出
承接上篇第二章主要介绍了目录页的一些预览技巧,包括字体库注入到软件中,最后的目录页顺利的生成了,中间有几个小坑也给小伙伴们说了一下,报表在于要细心和耐心,不要急于求成,慢慢入手,终有成效! 本章准备 ...
H5页面免费制作工具大集合
营销代有手段出,各领风骚数百天.要说现在哪些营销方式最能传播,屡屡刷爆朋友圈的H5页面肯定就是首当其冲的,提到H5页面,就立马想到"围住神经猫",上线微信朋友圈3天的时间便创造了用 ...
5个简历模板下载及制作网站
title: 5个简历模板下载及制作网站 data: 2018-7-23 tags: [简历, 模板, 职场] categories: [高效率生活,技巧] grammar_cjkRuby: true ...

Educoder_Web_简历表页面的制作

第一关简历表页面的结构设计

第二关简历表页面的设计结构

Educoder_Web_简历表页面的制作相关推荐

最新文章

热门文章

Educoder_Web_简历表页面的制作

第一关 简历表页面的结构设计

第二关 简历表页面的设计结构

Educoder_Web_简历表页面的制作相关推荐

最新文章

热门文章

第一关简历表页面的结构设计

第二关简历表页面的设计结构