登录  /  注册
首页 > 博客列表 > table课程表记录
博主信息
博文 3
粉丝 0
评论 0
访问量 1470
专题推荐
更多>
相关推荐
热门教程
更多>
相关教程
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
table课程表记录
阿涛
原创
579人浏览过

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Document</title>

    <h2>heelo</h2>

</head>

<body>

    <div class="header"></div>

        <h1>网站管理后台</h1>

        <div><span>admin<a href="">退出</a></span></div>

        <ul class="nva">

            <li><a href="demo3.html">菜单1</a></li>

            <li><a href="demo3.html">菜单2</a></li>

            <li><a href="demo3.html">菜单3</a></li>

        </ul>


        <iframe srcdoc="<p>请点击左侧菜单栏打开</p>" name="content" frameborder="0"></iframe>

    <a href="https://www.baidu.com" class="href"><img src="https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png" alt="百度一下" class="src"></a>

    <ol>

        <li>美国：113</li>

        <li>中国：123</li>

        <li>日本：232</li>

    </ol>

    <h3>购物车</h3>

    <ul>

        <li>美国：999</li>

        <li>日本：233</li>

        <li>韩国：223</li>

    </ul>


    <!--ul.menu>li.item*5>a{item$} > 代表层级关系-->

    <ul class="menu" style="display:flex;place-content: space-around;">

        <li class="item"><a href="">首页</a></li>

        <li class="item"><a href="">教学视频</a></li>

        <li class="item"><a href="">社区问答</a></li>

        <li class="item"><a href="">资源下载</a></li>

        <li class="item"><a href="">关于我们</a></li>

    </ul>

    <nav class="menu" style="display:flex;place-content: space-around;">

        <a href="">item1</a>

        <a href="">item2</a>

        <a href="">item3</a>

        <a href="">item4</a>

        <a href="">item5</a>

    </nav>


    <dl style="display:grid;grid: template columns 3em;">

        <dt>地址1</dt>

        <dt>地址2</dt>

        <dt>地址3</dt>

        <dt>地址4</dt>

        <dt>地址5</dt>

    </dl>

    <thead>

        <tr bgcolor="red">

            <td>item1</td>

            <td>item2</td>

            <td>item3</td>

            <td>item4</td>

            <td>item5</td>

        </tr>

    </thead>


    <!--设置间距 以及线-->

    <table width="300" border="1">

    <caption>表格标题</caption>


    <tbody>

        <tr bgcolor="red">

            <td>item1</td>

            <!--col span 合并行数-->

            <td colspan="3">item2</td>

            <td>item5</td>

        </tr>

        <tr>

            <td>item1</td>

            <!--合并行数-->

            <td bgcolor="violet" rowspan="2">item2</td>

            <td>item3</td>

            <td>item4</td>

            <td>item5</td>

        </tr>

        <tr>

            <td>item1</td>

            <!--合并需要注释-->

            <!--<td>item2</td>-->

            <td>item3</td>

            <td>item4</td>

            <td>item5</td>

        </tr>

        <tr>

            <td>item1</td>

            <td>item2</td>

            <td>item3</td>

            <td>item4</td>

            <td>item5</td>

        </tr>

    </tbody>

    </table>

    <!--可以有多个tbody表格主体-->

    <br><br><br><br><br>

    <table width="450" cellspacing="0" border="1">

    

        <tbody>

            

            <th bgcolor="" colspan="6" align="center">中国中小学课程表</th>

        <tr>

            <td>时间</td>

            <td>星期1</td>

            <td>星期2</td>

            <td>星期3</td>

            <td>星期4</td>

            <td>星期5</td>

        </tr>

            <!--第一列占用-->

            <td rowspan="5">上午</td>

            <td>数学1</td>

            <td>数学2</td>

            <td>数学3</td>

            <td>数学4</td>

            <td>数学5</td>

        </tr>

        <tr>

            <td>数学1</td>

            <td>数学2</td>

            <td>数学3</td>

            <td>数学4</td>

            <td>数学5</td>

        </tr>

        <tr>

            <td>数学1</td>

            <td>数学2</td>

            <td>数学3</td>

            <td>数学4</td>

            <td>数学5</td>

        </tr>

        <tr>

            <td>数学1</td>

            <td>数学2</td>

            <td>数学3</td>

            <td>数学4</td>

            <td>数学5</td>

        </tr>

        <tr>

            <td>数学1</td>

            <td>数学2</td>

            <td>数学3</td>

            <td>数学4</td>

            <td>数学5</td>

        </tr>

        <!--中午休息-->

        <th bgcolor="violet" colspan="6" align="center">中午休息</th>

        <tr>

            <td rowspan="5">中午</td>

            <td>数学1</td>

            <td>数学2</td>

            <td>数学3</td>

            <td>数学4</td>

            <td>数学5</td>

        </tr>

        <tr>

            <td>数学1</td>

            <td>数学2</td>

            <td>数学3</td>

            <td>数学4</td>

            <td>数学5</td>

        </tr>

        <tr>

            <td>数学1</td>

            <td>数学2</td>

            <td>数学3</td>

            <td>数学4</td>

            <td>数学5</td>

        </tr>

        <tr>

            <td>数学1</td>

            <td>数学2</td>

            <td>数学3</td>

            <td>数学4</td>

            <td>数学5</td>

        </tr>

        <tr>

            <td>数学1</td>

            <td>数学2</td>

            <td>数学3</td>

            <td>数学4</td>

            <td>数学5</td>

        </tr>

        </tfoot>

        <th>备注：</th>

        <th colspan="5">每天下午15：30-17：30 在校写作业</th>

        </tfoot>

    </table>

</body>

</html>


本博文版权归博主所有，转载请注明地址！如有侵权、违法，请联系admin@php.cn举报处理！
全部评论 文明上网理性发言，请遵守新闻评论服务协议
0条评论
作者最新博文
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
app下载
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2024 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • 精品班

  • 技术支持

  • 技术咨询

  • 学习群

  • 会员优惠

  • 返回顶部
    • 登录PHP中文网，和优秀的人一起学习！
    全站2000+教程免费学
    微信扫码登录