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>
<!-- ********* End ********* -->
</body>
</html>

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

educoder实训平台----简历表页面的制作相关推荐

educoder实训平台----CSS3背景样式
educoder实训平台----CSS3背景样式第1关:CSS背景相关的概念 DACAD 第2关:CSS-背景色的设置 <!DOCTYPE html> <html> < ...
educode实训平台---二维码名片制作
educode实训平台-二维码名片制作第1关:二维码名片页面的结构设计 <!doctype html> <html lang="en"> <head ...
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_简历表页面的制作
第一关简历表页面的结构设计 <!doctype html> <html> <head> <meta charset="utf-8"> ...
educoder实训平台python顺序结构答案_传智播客升级实训课程，打造高分项目实战网课助力高校在线实训...
疫情期间,全国高校泛IT类计算机专业的实训课程由原先的线下实训临时转到线上教学,有些高校因对直播授课模式中控场.应变.学习过程反馈.以及学生吸收程度等经验不足,导致实训结果达不到学校最佳预期.为辅助全 ...
EduCoder-Web程序设计基础-html5— 简历表页面的制作-第1关：简历表页面的结构设计
目录任务描述相关知识测试说明代码示例任务描述本关任务:通过表格的相关标签制作一个简单的简历表. 相关知识为了完成本关任务,你需要掌握:1.表格标签及其属性设置,2.项目表头单元格标签和数 ...

educoder实训平台----简历表页面的制作

educoder实训平台----简历表页面的制作

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

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

educoder实训平台----简历表页面的制作相关推荐

最新文章

热门文章