学生个人简单网页制作html
时间: 2023-10-07 11:04:17 浏览: 34
好的,以下是一个简单的 HTML 网页模板,你可以根据自己的需要修改内容和样式。
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>我的个人网页</title>
<style>
/* 在这里写你的 CSS 样式 */
</style>
</head>
<body>
<header>
<h1>我的个人网页</h1>
<nav>
<ul>
<li><a href="#about">关于我</a></li>
<li><a href="#skills">我的技能</a></li>
<li><a href="#contact">联系我</a></li>
</ul>
</nav>
</header>
<section id="about">
<h2>关于我</h2>
<p>在这里写一些关于你自己的介绍。</p>
</section>
<section id="skills">
<h2>我的技能</h2>
<ul>
<li>技能一</li>
<li>技能二</li>
<li>技能三</li>
</ul>
</section>
<section id="contact">
<h2>联系我</h2>
<form>
<label for="name">姓名:</label>
<input type="text" id="name" name="name" required>
<label for="email">电子邮件:</label>
<input type="email" id="email" name="email" required>
<label for="message">留言:</label>
<textarea id="message" name="message" required></textarea>
<input type="submit" value="发送">
</form>
</section>
<footer>
<p>版权所有 © 2021 我的个人网页</p>
</footer>
</body>
</html>
```
在这个模板中,包含了一个网页的基本结构,包括头部、导航、内容区域、表单和页脚。你可以根据自己的需要修改内容和样式,比如修改导航链接、添加新的内容区域、修改样式等。如果你想学习更多的 HTML 和 CSS 技能,可以参考一些在线教程或者书籍。