请给我一个html类型用于个人网站建设的模板代码
时间: 2024-05-22 18:15:45 浏览: 15
<!DOCTYPE html>
<html>
<head>
<title>个人网站</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<h1>个人网站</h1>
<nav>
<ul>
<li><a href="#">首页</a></li>
<li><a href="#">关于我</a></li>
<li><a href="#">我的作品</a></li>
<li><a href="#">联系我</a></li>
</ul>
</nav>
</header>
<main>
<section>
<h2>欢迎来到我的个人网站</h2>
<p>这是一个用于展示个人作品和介绍自己的网站。</p>
<p>我是一名web开发者,喜欢探索新技术和编写高质量的代码。</p>
</section>
<section>
<h2>我的作品</h2>
<div class="gallery">
<img src="image1.jpg" alt="作品1">
<img src="image2.jpg" alt="作品2">
<img src="image3.jpg" alt="作品3">
<img src="image4.jpg" alt="作品4">
</div>
</section>
<section>
<h2>关于我</h2>
<p>我是一名来自中国的web开发者,熟练掌握HTML、CSS、JavaScript等技术。</p>
<p>我喜欢学习新技术和编写高质量的代码,目前正在学习React框架。</p>
</section>
<section>
<h2>联系我</h2>
<p>如果您有任何问题或建议,请发送电子邮件到<a href="mailto:youremail@example.com">youremail@example.com</a>。</p>
</section>
</main>
<footer>
<p>© 2021 个人网站</p>
</footer>
</body>
</html>