学生个人网页制作html
时间: 2023-10-07 18:09:41 浏览: 29
学生个人网页制作可以使用 HTML,以下是一个简单的 HTML 模板,你可以按照自己的需求进行修改和扩展:
```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="#about-me">关于我</a></li>
<li><a href="#my-skills">我的技能</a></li>
<li><a href="#my-projects">我的项目</a></li>
<li><a href="#contact-me">联系我</a></li>
</ul>
</nav>
</header>
<main>
<section id="about-me">
<h2>关于我</h2>
<p>这里可以写一些关于自己的介绍。</p>
</section>
<section id="my-skills">
<h2>我的技能</h2>
<ul>
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
<li>...</li>
</ul>
</section>
<section id="my-projects">
<h2>我的项目</h2>
<ul>
<li><a href="#">项目1</a></li>
<li><a href="#">项目2</a></li>
<li><a href="#">项目3</a></li>
<li><a href="#">...</a></li>
</ul>
</section>
<section id="contact-me">
<h2>联系我</h2>
<form>
<label for="name">姓名:</label>
<input type="text" id="name" name="name"><br>
<label for="email">邮箱:</label>
<input type="email" id="email" name="email"><br>
<label for="message">留言:</label>
<textarea id="message" name="message"></textarea><br>
<input type="submit" value="发送">
</form>
</section>
</main>
<footer>
<p>版权所有 © 2021</p>
</footer>
</body>
</html>
```
这个模板包含了一个简单的页面结构,其中包含了一个导航栏、一些个人信息和一些链接到你的项目的列表。你也可以添加更多的内容,例如图片、视频等等。同时,你可以使用 CSS 来为你的网页添加样式,使其看起来更加漂亮。