一个简单的HTML班级网页代码
时间: 2023-07-30 19:07:30 浏览: 92
以下是一个简单的HTML班级网页代码:
```html
<!DOCTYPE html>
<html>
<head>
<title>班级网页</title>
</head>
<body>
<header>
<h1>欢迎来到我们的班级网页</h1>
<nav>
<ul>
<li><a href="#about">关于我们</a></li>
<li><a href="#schedule">课程表</a></li>
<li><a href="#contact">联系我们</a></li>
</ul>
</nav>
</header>
<main>
<section id="about">
<h2>关于我们</h2>
<p>我们是一群热爱学习的同学,来自不同的地方。</p>
<p>我们的目标是学好知识,成为优秀的人才。</p>
</section>
<section id="schedule">
<h2>课程表</h2>
<table>
<tr>
<th>时间</th>
<th>科目</th>
<th>地点</th>
</tr>
<tr>
<td>周一 9:00-11:00</td>
<td>数学</td>
<td>教学楼202</td>
</tr>
<tr>
<td>周二 10:00-12:00</td>
<td>英语</td>
<td>教学楼301</td>
</tr>
<tr>
<td>周三 8:00-10:00</td>
<td>计算机</td>
<td>实验室A</td>
</tr>
</table>
</section>
<section id="contact">
<h2>联系我们</h2>
<p>如果您对我们的网页有任何建议或意见,可以通过以下方式联系我们:</p>
<ul>
<li>电话:1234567890</li>
<li>邮箱:example@example.com</li>
<li>地址:XX省XX市XX区XX街道XX号</li>
</ul>
</section>
</main>
<footer>
<p>版权所有 © 2021 班级网页</p>
</footer>
</body>
</html>
```
这个网页包含一个标题、一个导航栏、三个内容区域(关于我们、课程表和联系我们)以及一个页脚。使用了HTML5的`<header>`、`<nav>`、`<main>`、`<section>`、`<table>`、`<ul>`和`<footer>`等元素。
相关推荐
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)