html个人主页简单代码
时间: 2023-10-19 09:06:07 浏览: 74
以下是一个简单的HTML个人主页代码的示例:
```html
<!DOCTYPE html>
<html lang="en">
<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;
}
h1 {
color: #333;
}
p {
color: #666;
}
</style>
</head>
<body>
<header>
<h1>欢迎来到我的个人主页</h1>
</header>
<nav>
<ul>
<li><a href="#">首页</a></li>
<li><a href="#">关于我</a></li>
<li><a href="#">联系方式</a></li>
</ul>
</nav>
<section>
<h2>个人简介</h2>
<p>我是一个热爱编程和设计的人。喜欢学习新技术,不断挑战自己。</p>
</section>
<section>
<h2>项目经验</h2>
<ul>
<li>项目1:XXX公司网站重构</li>
<li>项目2:个人博客搭建</li>
<li>项目3:电子商务网站设计</li>
</ul>
</section>
<footer>
<p>联系方式:email@example.com</p>
</footer>
</body>
</html>
```
这是一个简单的HTML个人主页代码,包含了头部、导航栏、个人简介、项目经验和页脚。你可以使用任意HTML编辑软件进行修改和编辑,并在浏览器中运行查看效果。记得将其中的链接和内容换成你自己的个人信息。<span class="em">1</span>