HTML 做课程表

c323u2bdf

已于 2022-10-11 21:09:06 修改

阅读量2.2k

点赞数 11

分类专栏： HTML 文章标签： html

于 2022-09-19 22:41:43 首次发布

本文链接：https://blog.csdn.net/qq_60212533/article/details/126943302

版权

HTML 专栏收录该内容

17 篇文章 3 订阅

订阅专栏

效果如下：

<table>..... </table>定义表格
<tr>......</tr>定义行
<td>.......</td>定义单元格
border="1"边框宽度

bgcolor="red" 表示背景为红色
width="100" height="500"表格的宽度和高度
rowspan="合并的单元格数量"
colspan="合并的单元格数量"

代码

<!--课程表-->
<!doctype html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>课程表</title>
    </head>
    <body>
        <table  border="2" align="center">
            <caption>课程表</caption>
            <tr>
                <th width="90"colspan="3" >节次</th>
                
                <th width="100" >星期一</th>
                <th  width="100" >星期二</th>
                <th width="100" >星期三</th>
                <th  width="100" >星期四</th>
                <th  width="100" >星期五</th> 
            </tr>
            <tr>
            
                <td rowspan="2" height="140" width="20">第一节</td>
                <td width="20">第一小节</td>
                <td width="20">8:00-8:45</td>
                <td rowspan="2" bgcolor="Bellflower">软件项目管理</td>
                <td rowspan="2" bgcolor="#fedcbd">计算机网络</td>
                <td rowspan="2"></td>
                <td rowspan="2"></td>
                <td rowspan="2"></td>
            </tr>
            <tr>
                <td>第二小节</td>
                <td >8:55-9:40</td>
            </tr>
            <tr >
                <td rowspan="2">第二节</td>
                <td >第三小节</td>
                <td >10:00-10:45</td>
                <td  rowspan="2" bgcolor="#cde6c7">计算机英语</td>
                <td  rowspan="2" bgcolor="#afb4db">软件设计与体系结构</td>
                <td  rowspan="2" bgcolor="#fedcbd">计算机网络</td>
                <td  rowspan="2"></td>
                <td  rowspan="2" bgcolor="#afb4db">软件设计与体系结构</td>
            </tr>
            <tr>
                <td>第四小节</td>
                <td >10:55-11:40</td>
            </tr>
            <tr>
                <td rowspan="2" >第三节</td>
                <td>第五小节</td>
                <td >14:00-14:45</td>
                <td rowspan="2"></td>
                <td rowspan="2" bgcolor="#deab8a">工程管理原理与经济决策方法</td>
                <td  colspan="2" bgcolor="#826858">统一建模语言(该行仅做格式参考)</td>
                
                <td rowspan="2" bgcolor="#f47920">Web服务端技术</td>
            </tr>
            <tr>
                <td>第六小节</td>
                <td >14:55-15:40</td>
                <td></td>
                <td></td>
            </tr>
            <tr>
                <td rowspan="2" >第四节</td>
                <td >第七小节</td>
                <td >16:00-16:45</td>
                <td rowspan="2" bgcolor="#f8aba6">Web前端技术</td>
                <td rowspan="2"></td>
                <td rowspan="2"></td>
                <td rowspan="2"></td>
                <td rowspan="2" bgcolor="#a3cf62">Web服务端技术上机</td>
            </tr>
            <tr>
                <td>第八小节</td>
                <td >16:55-17:40</td>
            </tr>
        </table>
        <br><br>
    </body>
</html>