HTML网页开发学习笔记（燕十八）-37 整齐的表格作业

最新推荐文章于 2023-07-23 23:24:00 发布

kexin_power

最新推荐文章于 2023-07-23 23:24:00 发布

阅读量1.3k

点赞数

分类专栏： html学习笔记文章标签： html

本文链接：https://blog.csdn.net/kexin_power/article/details/51899180

版权

html学习笔记专栏收录该内容

11 篇文章 0 订阅

订阅专栏

作业:
实现如下图所示的表格
这里写图片描述

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>37 作业 画课程表</title>
<style>
    table{
        border-collapse: collapse;
        table-layout: fixed;
    }
    td{
        border:1px solid blue;
        width:70px;
        height:20px;
    }
</style>
</head>
<body>
    <table>
        <tr>
            <td>时间日期</td>   
            <td>1</td>          
            <td>2</td>
            <td>3</td>
            <td>4</td>
            <td>5</td>
        </tr>
        <tr>
            <td rowspan="2">上午</td> 
            <td>语文</td>         
            <td>地理</td>
            <td>代数</td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td>语文</td>         
            <td>地理</td>
            <td>代数</td>
            <td></td>
            <td></td>
        </tr>
        <td colspan="6"></td>
        <tr>
            <td rowspan="2">下午</td> 
            <td></td>           
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td></td>           
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
    </table>
</body>
</html>

效果图：
这里写图片描述

kexin_power

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
HTML网页开发学习笔记（燕十八）-37 整齐的表格作业

作业: 实现如下图所示的表格 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html lang="en"><head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"
复制链接

扫一扫