<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>个人介绍</title>
<style type="text/css">
body{
margin: 0;
font-family: 楷体;
}
nav{
width: 100%;
height: 64px;
position: fixed;
top: 0;
background-color: whitesmoke;
z-index: 1000;
}
nav div{
width: 1000px;
height: 64px;
margin: 0 auto;
font-size: 22px;
}
#logo{
width: 216px;
position: relative;
top: 7px;
left: 15px;
}
#ul-nav{
float: right;
margin: 0%;
padding: auto;
}
.li-nav{
float: left;
list-style: none;
margin-right: 30px;
}
li a{
line-height: 64px;
text-decoration: none;
color: black;
}
li a:hover{
color: brown;
}
h2{
font-size: 40px;
}
.title-img{
float: left;
}
.text-div{
margin: 30px 100px 100px 50px;
}
#personal{
font-size: 25px;
}
main{
margin: 150px 350px 5px 350px;
}
table{
font-size: 30px;
}
#myself{
width: 400px;
float: right;
right: 150px;
}
#education-ul{
font-size: 24px;
}
#awards-ul{
font-size: 25px;
}
#skill-ul{
font-size: 25px;
}
.label-time{
float: right;
}
#zwjs{
font-size: 25px;
}
</style>
</head>
<body>
<nav>
<div>
<img id="logo" src="../img/图片1.png" alt="校徽">
<ul id="ul-nav">
<li class="li-nav"><a href="#personal-title">首页</a></li>
<li class="li-nav"><a href="#education-title">教育背景</a></li>
<li class="li-nav"><a href="#awards-title">荣誉奖项</a></li>
<li class="li-nav"><a href="#skill-title">个人技能</a></li>
<li class="li-nav"><a href="#project-title">项目经历</a></li>
<li class="li-nav"><a href="#evaluate-title">自我评价</a></li>
</ul>
</div>
</nav>
<main>
<div id="personal-title">
<img class="title-img" id="h2-personal-img" src="../img/bussiness-man.png"/>
<h2 id="h2-personal">个人介绍</h2>
</div>
<hr />
<section id="index">
<div id="index-div" class="text-div">
<img src="../img/myself.jpg" id="myself"/>
<table id="personal" cellpadding="0" cellspacing="0" height="200px">
<tr>
<td class="key">姓 名：</td>
<td>这里输入姓名</td>
</tr>
<tr>
<td class="key">年 龄：</td>
<td>这里输入年龄</td>
</tr>
<tr>
<td class="key">籍 贯：</td>
<td>这里输入籍贯</td>
</tr>
<tr>
<td class="key">联系电话：</td>
<td>这里输入联系电话</td>
</tr>
<tr>
<td>电子邮箱：</td>
<td>这里输入电子邮箱</td>
</tr>
</table>
</div>
</section>
<div id="education-title">
<img class="title-img" id="h2-education-img" src="../img/education.png"/>
<h2 id="h2-education">教育经历</h2>
</div>
<hr />
<section id="education">
<div id="education-text" class="text-div">
<ul id="education-ul">
<li>2006.09 - 2012.06     这里输入您的教育经历                        小学</li>
<li>2012.09 - 2016.06     这里输入您的教育经历                        初中</li>
<li>2016.09 - 2020.06     这里输入您的教育经历                        高中</li>
<li>2020.09 -  至今       兰州城市学院                这里输入专业    本科</li>
</ul>
</div>
</section>
<div id="awards-title">
<img class="title-img" id="h2-awards-img" src="../img/awards.png"/>
<h2 id="h2-awards">荣誉奖项</h2>
</div>
<hr />
<section id="awards">
<div class="text-div">
<ul id="awards-ul">
<label class="label-time">2022.05</label>
<li>第十二届全国大学生电子商务”创新、 创意及创业”挑战赛三等奖</li>
<label class="label-time">2022.07</label>
<li>第八届中国国际"互联网+”大学生创新创业大赛二等奖</li>
<label class="label-time">2022.07</label>
<li>第八届中国国际"互联网+”大学生创新创业大赛三等奖</li>
<label class="label-time">2022.06</label>
<li>计算机软件著作权登记证书</li>
</ul>
</div>
</section>
<div id="skill-title">
<img class="title-img" id="h2-skill-img" src="../img/skill.png"/>
<h2 id="h2-skill">个人技能</h2>
</div>
<hr />
<section id="skill">
<div class="text-div">
<ul id="skill-ul">
<li>掌握Java基础语法,集合等基础框架(ArrayList、HashMap等)</li>
<li>掌握Spring、SpringMVC技术</li>
<li>掌握MyBatis、DbUtil、JDBC常用Java操作数据库框架</li>
<li>掌握MySQL使用</li>
<li>熟悉Tomcat应用服务</li>
<li>能够熟练应用IDEA、Eclipse开发工具</li>
<li>了解HTML、CSS、JavaScript部分前端技术</li>
</ul>
</div>
</section>
<div id="project-title">
<img class="title-img" id="h2-project-img" src="../img/project.png"/>
<h2 id="h2-project">项目经历</h2>
</div>
<hr />
<section id="project">
<div class="text-div">
<ul id="skill-ul">
<li><strong>项目名称：</strong>图书销售管理系统</li>
<li><strong>开发时间：</strong>2022.03-2022.05</li>
<li><strong>项目描述：</strong>此项目为模拟书店书籍销售及管理系统，系统采用RCP框架，分为用户管理和书籍管理两大模块。</li>
<li>用户管理包括会员注册，会员删除，会员修改，会员查询功能，具有不同等级会员，不同等级会员对应不同折扣。</li>
<li>书籍管理包括书籍添加，书籍删除，书籍修改，书籍查询功能</li>
<li>销售管理包括书籍销售、书籍退还、记录查询等功能</li>
<li>数据统计利用销售记录统计出本月、周、日销售最多书籍</li><br />
<li><strong>开发环境：</strong>MyEclipse2018、MySQL8.0、JDK1.8</li>
<li><strong>主要技术：</strong>RCP、SWT、JDBC、Junit</li>
<li><strong>职责描述：</strong>独立完成项目全部开发以及功能测试</li>
<br /><br /><br /><br /><br />
<li><strong>项目名称：</strong>CRM客户管理系统</li>
<li><strong>开发时间：</strong>2022.09-至今</li>
<li><strong>项目描述：</strong>此项目主要用于客户关系管理与维护。系统采用SSM框架，功能主要分为客户信息管理、交易管理、售后服务、信息统计四大模块</li>
<li>交易管理：企业客户的质询需求所建立的信息录入功能客户开发计划：开发计划是根据营销机会而来，对于企业质询的客户，会有相应的销售人员对于该客户进行具体的沟通交流</li>
<li>客户信息管理 �
基于HTML实现个人介绍页面
5星 · 超过95%的资源 需积分: 19 59 浏览量
2022-10-27
13:46:11
上传
评论
收藏 305KB ZIP 举报 
html-个人介绍.zip （11个子文件） 
img 
education.png 969B awards.png 1KB bussiness-man.png 983B skill.png 1KB school.png 35KB ͼƬ1.png 99KB evaluate.png 764B schooicon.png 52KB
myself.jpg 116KB project.png 2KB html 
index.html 9KB资源评论
陈熙昊2023-07-27：通过这个页面，我更加了解了作者的个人背景和能力，对他的工作也有了更深入的了解。
thebestuzi2023-07-27：个人介绍页面的交互效果很好，使用了适当的动画和过渡，增添了页面的活力。
莉雯Liwen2023-07-27：个人介绍页面的内容设计简洁明了，让人一目了然地了解了作者的信息。
图像车间2023-07-27：该文件使用的布局和配色方案很简约雅致，给人一种舒适的感觉。
赵伊辰2023-07-27：这个文件的HTML编写非常规范，页面结构清晰，易于阅读和理解。
小韩要努力。
- 粉丝: 444
- 资源: 6
最新资源
- Qt+FFmpeg实现录屏制工具
- 2024年上海高职院校学生技能大赛-大数据应用开发师生同赛样题.pdf
- 基于xilinx FPGA的QSFP调试使用经验
- 2024年上海高职院校学生技能大赛-GZ105 供应链管理赛项样题.zip
- 6-10 按等级统计学生成绩
- 2024年上海高职院校学生技能大赛-GZ014 数控多轴加工技术样题.zip
- 2024年上海高职院校学生技能大赛“GZ029 智能电子产品设计与开发”赛项试卷.pdf
- 2024年上海高职院校技能大赛样题-GZ019机电一体化技术赛项（学生赛）竞赛任务书.pdf
- 2024年上海高职院校技能大赛 样题 数字化设计与制造（学生赛）竞赛任务书.pdf
- 2024 年上海高职院校学生技能大赛-应用软件系统开发赛项样题.pdf
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
