html表格制作简单的时间安排表

html表格制作简单的时间安排表

html代码

    <table border="1">
        <caption>时间安排表</caption>
        <thead>
            <tr>
                <th>时间</th>
                <th>星期一</th>
                <th>星期二</th>
                <th>星期三</th>
                <th>星期四</th>
                <th>星期五</th>
                <th>星期六</th>
                <th>星期天</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>上午</td>
                <td>上班</td>
                <td>上班</td>
                <td>上班</td>
                <td>上班</td>
                <td>上班</td>
                <td>上班</td>
                <td>上班</td>
            </tr>
            <tr>
                <td colspan="8">中午休息</td>
                <!-- <td>1</td>
                <td>1</td>
                <td>1</td>
                <td>1</td>
                <td>1</td>
                <td>1</td>
                <td>1</td> -->
            </tr>
            <tr>
                <td>下午</td>
                <td>上班</td>
                <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>
                <td>游戏</td>
                <td>游戏</td>
            </tr>
        </tbody>
    </table>

markdwon表格效果演示

时间	星期一	星期二	星期三	星期四	星期五	星期六	星期天
上午	上班	上班	上班	上班	上班	上班	上班
中午休息
下午	上班	上班	上班	上班	上班	上班	上班
晚上	学习	学习	学习	学习	学习	游戏	游戏