img图片跳转列表+table表格编写课程表,简单编写示例
图片列表
图片
代码
<nav>
<a href="https://www.php.cn/code/48400.html"><img src="../0316/19qi.jpg" alt="img1" width="200" height="200"/>1</a>
<a href="https://www.php.cn/code/48400.html"><img src="../0316/19qi.jpg" alt="img2" width="200" height="200"/>2</a>
<a href="https://www.php.cn/code/48400.html"><img src="../0316/19qi.jpg" alt="img3" width="200" height="200"/>3</a>
</nav>
表格(课程表)
图片
代码
<table border="1" style="height: 200px;width: 500px;border-collapse: collapse;" align="center">
<caption style="font-size: larger;color: red;font-weight: bolder;">三班课程表</caption>
<thead>
<tr style="background-color: aqua;">
<th>时间</th>
<th>星期1</th>
<th>星期2</th>
<th>星期3</th>
<th>星期4</th>
<th>星期5</th>
</tr>
</thead>
<tbody>
<tr>
<td rowspan="4" style="background-color: aqua;">上午</td>
<td>数学</td>
<td>语文</td>
<td>语文</td>
<td>英语</td>
<td>数学</td>
</tr>
<tr>
<td>语文</td>
<td>数学</td>
<td>英语</td>
<td>数学</td>
<td>美术</td>
</tr>
<tr>
<td>科学</td>
<td>英语</td>
<td>英语</td>
<td>自然</td>
<td>品德与社会</td>
</tr>
<tr>
<td>品德与社会</td>
<td>科学</td>
<td>语文</td>
<td>自习</td>
<td>自习</td>
</tr>
<tr>
<td rowspan="3" style="background-color: aqua;">下午</td>
<td colspan="5" align="center" style="background-color: chartreuse;">中午休息</td>
</tr>
<tr>
<td>综合实践</td>
<td>美术</td>
<td>体育</td>
<td>音乐</td>
<td>品德与社会</td>
</tr>
<tr>
<td>地方与校本</td>
<td>语文</td>
<td>数学</td>
<td>英语</td>
<td>自习</td>
</tr>
</tbody>
</table>