简单的HTML练习02

it2023-11-26  66

需要实现的效果图

实践比空想更有效!!!

代码展示

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body align="center"> 课程表 <table border="1" cellspacing="0" align="center"> <tr> <td>项目</td> <td colspan="5">上课</td> <td colspan="2">休息</td> </tr> <tr bgcolor="hotpink"> <th>星期</th> <th>星期一</th> <th>星期二</th> <th>星期三</th> <th>星期四</th> <th>星期五</th> <th>星期六</th> <th>星期日</th> </tr> <tr> <td rowspan="4">上午</td> <td>语文</td> <td>数学</td> <td>英语</td> <td>英语</td> <td>物理</td> <td>计算机</td> <td rowspan="4">休息</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> <tr> <td>数学</td> <td>数学</td> <td>地理</td> <td>化学</td> <td>历史</td> <td>计算机</td> </tr> <tr> <td rowspan="2">下午</td> <td>数学</td> <td>数学</td> <td>地理</td> <td>化学</td> <td>历史</td> <td>计算机</td> <td rowspan="2">休息</td> </tr> <tr> <td>数学</td> <td>数学</td> <td>地理</td> <td>化学</td> <td>历史</td> <td>计算机</td> </tr> </table> </body> </html>

效果图

最新回复(0)