AI生成式探究学习教学辅助设计单-2.1个人简历网页设计制作.docx

AI生成式探究学习教学辅助设计单

使用AI名称：DeepSeek班级：学生姓名：

子任务名称

提示词

AI的回应

对AI回应的评价

我的收获

第二模块网站页面搭建（HTML）

2.1个人简历网页设计制作

设计一个静态的个人简历网页，页面只包含文字即可，要求使用html相关标签及属性，不使用css样式，给出案例代码。

以下是一个不使用CSS样式的静态个人简历网页的HTML代码示例，仅使用HTML标签和属性：

!DOCTYPEhtml

htmllang=zh-CN

head

metacharset=UTF-8

metaname=viewportcontent=width=device-width,initial-scale=1.0

title个人简历/title

/head

body

header

h1个人简历/h1

/header

section

h2基本信息/h2

pstrong姓名：/strong张三/p

pstrong性别：/strong男/p

pstrong出生日期：/strong1990年5月15日/p

pstrong联系方式：/strong123-4567-890/p

pstrong电子邮件：/strongzhangsan@/p

pstrong地址：/strong北京市朝阳区XX路XX号/p

/section

section

h2教育背景/h2

pstrong学校：/strong北京大学/p

pstrong专业：/strong计算机科学与技术/p

pstrong学历：/strong本科/p

pstrong时间：/strong2008年9月-2012年6月/p

/section

section

h2工作经历/h2

pstrong公司：/strong腾讯科技有限公司/p

pstrong职位：/strong前端开发工程师/p

pstrong时间：/strong2012年7月-至今/p

pstrong工作内容：/strong/p

ul

li负责公司官网的前端开发与维护/li

li参与多个项目的需求分析与技术实现/li

li优化页面性能，提升用户体验/li

/ul

/section

section

h2技能/h2

ul

li熟练掌握HTML、CSS、JavaScript/li

li熟悉Vue.js、React等前端框架/li

li了解Node.js、Express等后端技术/li

li熟练使用Git进行版本控制/li

/ul

/section

section

h2项目经验/h2

pstrong项目名称：/strong公司官网改版/p

pstrong时间：/strong2021年3月-2021年8月/p

pstrong描述：/strong/p

ul

li负责整体页面的重构与优化/li

li使用Vue.js实现动态数据交互/li

li提升页面加载速度30%/li

/ul

/section

section

h2自我评价/h2

p本人热爱前端开发工作，具备扎实的技术基础和丰富的项目经验。工作认真负责，善于团队合作，能够快速学习新技术并应用于实际项目中。/p

/section

/body

/html

代码说明：

纯HTML实现：未使用任何CSS样式，完全依赖HTML标签的默认样式。

语义化标签：使用header、section、h1、h2、p、ul等语义化标签，结构清晰。

内容完整：包含基本信息、教育背景、工作经历、技能、项目经验和自我评价等模块。

兼容性：由于未使用CSS，页面在所有浏览器中显示效果一致。

使用方法：

将上述代码保存为一个.html文件（如resu