实例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>课程表格</title>
</head>
<body>
<table border="1" cellspacing="0" cellpadding="20" width="80%" align="center">
<caption><h2 style="background: url('8.png');width: 200px">课程信息表</h2></caption>
<colgroup span="1" bgcolor="lightgreen"></colgroup>
<colgroup span="4" bgcolor="lightyellow"></colgroup>
<colgroup span="2" bgcolor="skyblack">
<col bgcolor="#888">
<col>
</colgroup>
<colgroup span="1" bgcolor="blank"></colgroup>
<colgroup span="2" bgcolor="yellow"></colgroup>
<thead>
<tr style="font-size: 1.5em" align="center">
<td>时间安排</td>
<td colspan="5"><img src="8.png" alt="一个耿直的微笑" width="150">正常课时</td>
<td colspan="2">假期</td>
<td colspan="2" rowspan="2"><img src="10.png" alt="大佬带带我~" width="200">操作</td>
</tr>
<tr bgcolor="#87ceeb">
<th>时间</th>
<th>星期一</th>
<th>星期二</th>
<th>星期三</th>
<th>星期四</th>
<th>星期五</th>
<th>星期六</th>
<th>星期日</th>
</tr>
</thead>
<tbody>
<tr align="center">
<td rowspan="3">上午</td>
<td><img src="10.png" alt="大佬带带我~" width="40">PHP</td>
<td>Java</td>
<td>Android</td>
<td>IOS</td>
<td>云计算</td>
<td>休息</td>
<td>休息</td>
<td><a href="">编辑</a></td>
<td><a href="">删除</a></td>
</tr>
<tr align="center">
<td><img src="10.png" alt="大佬带带我~" width="40">Java</td>
<td>PHP</td>
<td>IOS</td>
<td>Android</td>
<td>云计算</td>
<td>休息</td>
<td>休息</td>
<td><a href="">编辑</a></td>
<td><a href="">删除</a></td>
</tr>
<tr align="center">
<td><img src="10.png" alt="大佬带带我~" width="40">云计算</td>
<td>Android</td>
<td>IOS</td>
<td>PHP</td>
<td>Java</td>
<td>休息</td>
<td>休息</td>
<td><a href="">编辑</a></td>
<td><a href="">删除</a></td>
</tr>
<tr align="center">
<td rowspan="2">下午</td>
<td><img src="10.png" alt="大佬带带我~" width="40">Java</td>
<td>PHP</td>
<td>IOS</td>
<td>Android</td>
<td>云计算</td>
<td>休息</td>
<td>休息</td>
<td><a href="">编辑</a></td>
<td><a href="">删除</a></td>
</tr>
<tr align="center">
<td><img src="10.png" alt="大佬带带我~" width="40">PHP</td>
<td>Java</td>
<td>Android</td>
<td>IOS</td>
<td>云计算</td>
<td>休息</td>
<td>休息</td>
<td><a href="">编辑</a></td>
<td><a href="">删除</a></td>
</tr>
</tbody>
<tfoot></tfoot>
</table>
<p align="center">
<a href="">首页</a>
<a href="">上一页</a>
<a href="">1</a>
<a href="">2</a>
<a href="">3</a>
<a href="">...</a>
<a href="">下一页</a>
<a href="">尾页</a>
</p>
</body>
</html>运行实例 »
点击 "运行实例" 按钮查看在线实例
