<!DOCTYPEhtml>

<html lang="en">


<head>

<meta charset="UTF-8">

<meta http-equiv="X-UA-Compatible" content="IE=edge">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>第三课作业</title>

</head>


<body>

<h2>

这是我的第三课作业

</h2>


<hr>


<table border="1px" style="color:#556677;text-align: center;" with="500">


<caption>

<h2>这是一个标题</h2>

</caption>


<thead style="color:#000000;background: #dddddd;">

<th>时间</th>

<th>星期一</th>

<th>星期二</th>

<th>星期三</th>

<th>星期四</th>

<th>星期五</th>

<th>星期六</th>

<th>星期日</th>

</thead>


<tbody>

<tr>

<td>上午</td>

<td>语文</td>

<td>数学</td>

<td>语文</td>

<td>数学</td>

<td>语文</td>

<td rowspan="6" style="color:#000000;background-color: #206cb8;">放假</td>

<td rowspan="6" style="color:#000000;background-color:#556677;">放假</td>

</tr>

<tr>

<td>下午</td>

<td>语文</td>

<td>数学</td>

<td>语文</td>

<td>数学</td>

<td>语文</td>

</tr>

<tr>

<!-- 垂直方向合并 -->

<td rowspan="2">休息时间</td>

<!-- 水平方向合并 -->

<td colspan="5">午休</td>

</tr>

<tr>

<td colspan="5">午休</td>

</tr>


<tr>

<td>上午</td>

<td>语文</td>

<td>数学</td>

<td>语文</td>

<td>数学</td>

<td>语文</td>

</tr>

<tr>

<td>下午</td>

<td>语文</td>

<td>数学</td>

<td>语文</td>

<td>数学</td>

<td>语文</td>

</tr>

</tbody>

</table>





</body>


</html>


更多相关文章

  1. 2022年PHP学习课程表-表格与图文列表
  2. 图文列表导航组件以及表格制作
  3. 图片列表导航(附table课程表表格)
  4. 0704作业提交
  5. html制作课程表格代码(用HTML5标签设计课程表)
  6. CSS:表格的常用样式-复习
  7. 常用数组函数学习
  8. 图文列表与课程表的演示
  9. 字符串处理函数学习小结

随机推荐

  1. 最全面的CSS3鼠标滑过动画按钮集锦
  2. 【前端词典】输入 URL 到展现涉及的缓存
  3. AngularJS 日期时间选择组件(附详细使用方
  4. HTML5制作一场精美的烟花盛宴
  5. 【前端词典】11 个 CSS 知识搭配 11 个 J
  6. HTML5 3D蝴蝶飞舞动画
  7. 聊一聊加班严重时要如何自我提升
  8. 阿里对蒋凡的处理真的太重了吗?
  9. jQuery做一个漂亮的下拉框,用十几行代码就
  10. 【前端词典】8 个提高 JS 性能的方法