个人简历页面HTML代码
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>个人简历</title>
<style>
body {
font-family: Arial, sans-serif;
line-height: 1.6;
margin: 0;
padding: 0;
}
header {
background-color: #333;
color: white;
text-align: center;
padding: 1rem;
}
nav {
display: flex;
justify-content: space-around;
background-color: #555;
padding: 1rem;
}
nav a {
color: white;
text-decoration: none;
}
section {
padding: 2rem;
}
h2 {
border-bottom: 2px solid #333;
padding-bottom: 0.5rem;
}
ul {
list-style: none;
padding: 0;
}
li {
margin-bottom: 1rem;
}
footer {
background-color: #333;
color: white;
text-align: center;
padding: 1rem;
margin-top: 2rem;
}
</style>
</head>
<body>
<header>
<h1>张三的个人简历</h1>
</header>
<nav>
<a href="#about">关于我</a>
<a href="#experience">工作经历</a>
<a href="#education">教育背景</a>
<a href="#contact">联系方式</a>
</nav>
<section id="about">
<h2>关于我</h2>
<p>我是一名热爱编程的前端开发者，具有丰富的Web开发经验。我对新技术充满好奇心，善于学习和应用新知识。</p>
</section>
<section id="experience">
<h2>工作经历</h2>
<ul>
<li>
<h3>前端开发工程师</h3>
<p>某知名互联网公司，负责公司网站的前端开发和维护。</p>
</li>
<li>
<h3>实习前端开发工程师</h3>
<p>某创业公司，参与公司产品的前端开发工作。</p>
</li>
</ul>
</section>
<section id="education">
<h2>教育背景</h2>
<ul>
<li>
<h3>计算机科学与技术专业</h3>
<p>某知名大学，获得学士学位。</p>
</li>
</ul>
</section>
<section id="contact">
<h2>联系方式</h2>
<p>邮箱：zhangsan@example.com</p>
<p>电话：13800138000</p>
</section>
<footer>
© 2022 张三. All rights reserved.
</footer>
</body>
</html>
发表评论:
◎欢迎参与讨论，请在这里发表您的看法、交流您的观点。