个人介绍网页模板html
时间: 2023-07-25 22:44:31 浏览: 40
当然,我可以为你介绍一些个人介绍网页模板,其中一个比较常见的是:
```html
<!DOCTYPE html>
<html>
<head>
<title>个人介绍</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" 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>
</section>
<section>
<h2>我的作品</h2>
<ul>
<li>
<h3>作品名称1</h3>
<p>作品描述1</p>
<img src="作品图片1.jpg" alt="作品名称1">
</li>
<li>
<h3>作品名称2</h3>
<p>作品描述2</p>
<img src="作品图片2.jpg" alt="作品名称2">
</li>
<li>
<h3>作品名称3</h3>
<p>作品描述3</p>
<img src="作品图片3.jpg" alt="作品名称3">
</li>
</ul>
</section>
<section>
<h2>联系我</h2>
<form>
<label for="name">姓名:</label>
<input type="text" id="name" name="name" required><br>
<label for="email">邮箱:</label>
<input type="email" id="email" name="email" required><br>
<label for="message">留言:</label>
<textarea id="message" name="message" required></textarea><br>
<button type="submit">发送</button>
</form>
</section>
</main>
<footer>
<p>© 2021 个人介绍</p>
</footer>
</body>
</html>
```
这是一个基本的网页模板,包含了头部、导航栏、主要内容和底部。你可以将其保存为一个 HTML 文件,然后根据自己的需求进行修改和美化。同时,你也可以通过修改 CSS 文件来改变网页的样式。