web前端-综合应用案例-简历表页面的制作-educoder

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

<!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>

第2关：简历表页面的样式设计

<!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>

web前端-综合应用案例-简历表页面的制作-educoder相关推荐

Educoder -- Web程序设计基础2021秋--简历表页面的制作
文章目录第1关: 简历表页面的结构设计 1. 编程要求 2. 代码展示第2关: 简历表页面的样式设计 1. 编程要求 2. 代码展示第1关: 简历表页面的结构设计 1. 编程要求根据任务描述的 ...
Web练习题---简历表页面的制作
简历表页面的制作文章目录简历表页面的制作第1关:简历表页面的结构设计相关知识表格标签及其属性设置 1.table标签的属性 2.tr标签的属性 3.td标签的属性 4.th标签的属性表格单 ...
educoder实训平台----简历表页面的制作
educoder实训平台----简历表页面的制作第1关:简历表页面的结构设计 <!doctype html> <html> <head> <meta cha ...
Educoder_Web_简历表页面的制作
第一关简历表页面的结构设计 <!doctype html> <html> <head> <meta charset="utf-8"> ...
EduCoder-Web程序设计基础-html5— 简历表页面的制作-第2关：简历表页面的样式设计
目录任务描述相关知识编程要求测试说明代码示例任务描述本关任务:美化简历表页面. 相关知识为了完成本关任务,你需要掌握:1.CSS控制表格样式 CSS控制表格样式除了表格标签自带的属性 ...
EduCoder-Web程序设计基础-html5— 简历表页面的制作-第1关：简历表页面的结构设计
目录任务描述相关知识测试说明代码示例任务描述本关任务:通过表格的相关标签制作一个简单的简历表. 相关知识为了完成本关任务,你需要掌握:1.表格标签及其属性设置,2.项目表头单元格标签和数 ...
web前端-综合应用案例-二维码名片的制作-educoder
第1关:二维码名片页面的结构设计 <!doctype html> <html lang="en"> <head> <meta charse ...
educoder头歌Web实训 web课——综合应用案例：动态焦点图页面的制作
educoder头歌Web实训太原理工web课--综合应用案例:拼图页面的制作[全网更新最快]_玛卡巴卡的博客-CSDN博客第1关:动态焦点图页面的样式设计任务描述本关任务: 完成动态焦点图 ...
视频教程-Web前端开发利器 SPRY框架之页面效果-JavaScript
Web前端开发利器 SPRY框架之页面效果有17年互联网行业从业经验,始终在教学第一线,勇于创新,从有效教学,不断向高效教学转变.始终坚持"学生为主体,教师为主导:商业化案例,企业化情境& ...

web前端-综合应用案例-简历表页面的制作-educoder

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

第2关：简历表页面的样式设计

web前端-综合应用案例-简历表页面的制作-educoder相关推荐

最新文章

热门文章