用html和css做个人介绍 名字叫阮杨
时间: 2023-12-07 12:34:01 浏览: 30
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>阮杨的个人介绍</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
}
header {
background-color: #333;
color: #fff;
padding: 20px;
text-align: center;
}
h1 {
margin: 0;
font-size: 2.5rem;
text-transform: uppercase;
}
main {
max-width: 800px;
margin: 0 auto;
padding: 20px;
}
p {
font-size: 1.2rem;
line-height: 1.5;
}
ul {
list-style: none;
padding: 0;
}
li {
margin-bottom: 10px;
}
a {
color: #333;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
</style>
</head>
<body>
<header>
<h1>阮杨</h1>
<p>个人介绍</p>
</header>
<main>
<p>你好,我是阮杨。我是一名前端开发工程师,喜欢使用 HTML、CSS 和 JavaScript 构建 Web 应用程序。</p>
<p>我在这个领域里工作了几年,积累了丰富的经验,也一直在学习新的技术和工具。</p>
<h2>教育背景</h2>
<ul>
<li>本科毕业于 XX 大学计算机科学专业</li>
<li>硕士毕业于 XX 大学软件工程专业</li>
</ul>
<h2>技能</h2>
<ul>
<li>HTML5</li>
<li>CSS3</li>
<li>JavaScript</li>
<li>jQuery</li>
<li>Bootstrap</li>
<li>React</li>
<li>Vue</li>
</ul>
<h2>联系方式</h2>
<ul>
<li>邮箱:ruanyang@example.com</li>
<li>电话:(123) 456-7890</li>
<li>GitHub: <a href="https://github.com/ruanyang">https://github.com/ruanyang</a></li>
</ul>
</main>
</body>
</html>