用HTML写一个作业展示列表
时间: 2023-05-15 21:06:50 浏览: 44
好的,以下是一个简单的HTML代码,用于展示作业列表:
```html
<!DOCTYPE html>
<html>
<head>
<title>作业展示列表</title>
</head>
<body>
<h1>作业展示列表</h1>
<ul>
<li><a href="homework1.html">作业1</a></li>
<li><a href="homework2.html">作业2</a></li>
<li><a href="homework3.html">作业3</a></li>
<li><a href="homework4.html">作业4</a></li>
<li><a href="homework5.html">作业5</a></li>
</ul>
</body>
</html>
```
希望这个代码能够帮到你!
相关问题
用HTML和CSS写一个资源管理展示的页面
好的,我可以提供一个HTML和CSS的示例代码,来帮助你实现一个资源管理展示的页面。以下代码只是一个简单的示例,具体的布局和样式可以根据你的需求进行调整。
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>资源管理展示页面</title>
<style>
body {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
background-color: #eee;
margin: 0;
padding: 0;
}
header {
background-color: #333;
color: #fff;
padding: 20px;
text-align: center;
}
h1 {
margin: 0;
font-size: 36px;
font-weight: normal;
}
nav {
padding: 10px 20px;
background-color: #f0f0f0;
border-bottom: 1px solid #ccc;
}
nav ul {
margin: 0;
padding: 0;
list-style: none;
display: flex;
justify-content: center;
}
nav li {
margin: 0 10px;
}
nav a {
color: #333;
text-decoration: none;
padding: 10px;
border-radius: 5px;
transition: background-color 0.3s ease;
}
nav a:hover {
background-color: #ccc;
}
main {
padding: 20px;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.card {
background-color: #fff;
padding: 20px;
margin: 20px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
border-radius: 5px;
max-width: 400px;
min-width: 200px;
flex: 1 1 300px;
}
h2 {
font-size: 24px;
margin-top: 0;
}
ul {
margin: 0;
padding: 0;
list-style: none;
}
li::before {
content: '• ';
color: #333;
}
</style>
</head>
<body>
<header>
<h1>资源管理展示页面</h1>
</header>
<nav>
<ul>
<li><a href="#">全部</a></li>
<li><a href="#">课程表</a></li>
<li><a href="#">作业</a></li>
<li><a href="#">考试安排</a></li>
</ul>
</nav>
<main>
<div class="card">
<h2>课程表</h2>
<table>
<thead>
<tr>
<th>时间</th>
<th>星期一</th>
<th>星期二</th>
<th>星期三</th>
<th>星期四</th>
<th>星期五</th>
</tr>
</thead>
<tbody>
<tr>
<td>8:00-9:00</td>
<td>语文</td>
<td>数学</td>
<td>英语</td>
<td>物理</td>
<td>化学</td>
</tr>
<tr>
<td>9:10-10:10</td>
<td>数学</td>
<td>英语</td>
<td>语文</td>
<td>化学</td>
<td>物理</td>
</tr>
</tbody>
</table>
</div>
<div class="card">
<h2>作业</h2>
<ul>
<li>语文作业</li>
<li>数学作业</li>
<li>英语作业</li>
<li>物理作业</li>
<li>化学作业</li>
</ul>
</div>
<div class="card">
<h2>考试安排</h2>
<ul>
<li>语文考试:6月1日 9:00-11:00</li>
<li>数学考试:6月3日 9:00-11:00</li>
<li>英语考试:6月5日 9:00-11:00</li>
<li>物理考试:6月7日 9:00-11:00</li>
<li>化学考试:6月9日 9:00-11:00</li>
</ul>
</div>
</main>
<footer>
<p>版权所有 © 2021 资源管理展示页面</p>
</footer>
</body>
</html>
```
以上代码使用了一些常见的 HTML 元素和 CSS 属性,实现了一个简单的资源管理展示页面。其中,页面包含了一个顶部标题栏和一个导航栏,主要内容区域使用了 flex 布局和卡片式布局,每个卡片包含了一个标题和相应的内容列表或表格。你可以根据实际需求来修改和完善这个示例。
用HTML代码帮我写一个班级资源管理展示的前端网页
好的,我可以提供一个基本的 HTML 代码示例,来帮助你实现一个班级资源管理展示的前端网页。以下代码只是一个简单的示例,具体的布局和样式可以根据你的需求进行调整。
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>班级资源管理</title>
</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>
<table>
<thead>
<tr>
<th>时间</th>
<th>星期一</th>
<th>星期二</th>
<th>星期三</th>
<th>星期四</th>
<th>星期五</th>
</tr>
</thead>
<tbody>
<tr>
<td>8:00-9:00</td>
<td>语文</td>
<td>数学</td>
<td>英语</td>
<td>物理</td>
<td>化学</td>
</tr>
<tr>
<td>9:10-10:10</td>
<td>数学</td>
<td>英语</td>
<td>语文</td>
<td>化学</td>
<td>物理</td>
</tr>
<!-- 更多内容 -->
</tbody>
</table>
</section>
<section>
<h2>作业</h2>
<ul>
<li><a href="#">语文作业</a></li>
<li><a href="#">数学作业</a></li>
<li><a href="#">英语作业</a></li>
<li><a href="#">物理作业</a></li>
<li><a href="#">化学作业</a></li>
<!-- 更多内容 -->
</ul>
</section>
<section>
<h2>考试安排</h2>
<ol>
<li>语文考试:6月1日 9:00-11:00</li>
<li>数学考试:6月3日 9:00-11:00</li>
<li>英语考试:6月5日 9:00-11:00</li>
<li>物理考试:6月7日 9:00-11:00</li>
<li>化学考试:6月9日 9:00-11:00</li>
<!-- 更多内容 -->
</ol>
</section>
</main>
<footer>
<p>版权所有 © 2021 班级资源管理系统</p>
</footer>
</body>
</html>
```
以上 HTML 代码包含了一个简单的页面结构,包括页面标题、导航栏、主要内容区域和页脚等。其中,课程表、作业和考试安排分别使用了表格、列表和有序列表来展示。你可以根据实际需求来修改和完善这个示例。
相关推荐
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.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)