使用HTML制作一个简单的课表表格table

例子如图:

在这里插入图片描述
源代码:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <table border="1" style="text-align: center; width: 1500px; height: 500px;">
       
        <tr>
            <th colspan="9">课程表</th>
        </tr>

        <tr>
            <th>学科名称</th>
            <th colspan="2">时间</th>
            <!-- <th>时间</th> -->
            <th>事件名称</th>
            <th>星期一</th>
            <th>星期二</th>
       
  • 1
    点赞
  • 14
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
以下是简单一个使用HTML和CSS的课表示例,你可以根据实际情况进行修改和美化: ```html <!DOCTYPE html> <html> <head> <title>本学期课表</title> <style> table { border-collapse: collapse; width: 100%; } th, td { text-align: center; padding: 10px; border: 1px solid black; } th { background-color: #ddd; } </style> </head> <body> <h1>本学期课表</h1> <table> <tr> <th>时间</th> <th>周一</th> <th>周二</th> <th>周三</th> <th>周四</th> <th>周五</th> <th>周六</th> <th>周日</th> </tr> <tr> <td>8:00-9:40</td> <td>数学</td> <td>英语</td> <td>语文</td> <td>物理</td> <td>化学</td> <td></td> <td></td> </tr> <tr> <td>10:00-11:40</td> <td>英语</td> <td>语文</td> <td>物理</td> <td>化学</td> <td>数学</td> <td></td> <td></td> </tr> <tr> <td>14:00-15:40</td> <td>语文</td> <td>数学</td> <td>英语</td> <td>物理</td> <td>化学</td> <td></td> <td></td> </tr> <tr> <td>16:00-17:40</td> <td>物理</td> <td>化学</td> <td>数学</td> <td>英语</td> <td>语文</td> <td></td> <td></td> </tr> <tr> <td>19:00-20:40</td> <td></td> <td></td> <td></td> <td></td> <td>语文</td> <td>数学</td> <td>英语</td> </tr> </table> </body> </html> ``` 在这个例子中,我们创建了一个包含表格的页面,用于显示本学期的课程安排。我们使用HTML中的`<table>`标签来创建表格,并使用CSS设置了表格的样式。我们使用`<tr>`来创建表格的行,使用`<th>`和`<td>`来创建表格的单元格,分别用于表头和表格内容。我们还在页面顶部添加了一个标题,用于显示课表的名称。
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值