2020-11-19

11.19     

         今天,老高给我们讲了一下表格的合并,主要是行和列,在课堂测试是我感受到了身为一个程序员的痛苦,为了做一个简单的销售季度表花费近半个小时,相到以后这样的日子多了,想想就可怕,但是为了自己的人生,咱们还是应该克服这些枯燥又无趣的困难,除此之外,老高还讲了一下框架。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <style>
             table{
                 border:1px solid black;
                 border-spacing: 0px;
                 border-collapse: collapse;
             }
             th,td{
                 border: 1px solid black;
             }
        </style>
    </head>
    <body>
        <table>
            <tr>
                <th>序号</th><th>姓名</th><th>年龄</th><th>家庭地址</th>
            </tr>
            <tr>
               <tr>
                <td rowspan="3" valign="center">1</td><td colspan="2" align="center">小明</td><td>郑州市</td>
               </tr>
               <tr>
                <td>小红</td><td>18</td><td>安阳市</td>
               </tr>
               <tr>
                <td>小智</td><td>19</td><td>开封市</td>
               </tr>
            </tr>
        </table>
    </body>
</html>

<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <title></title>
        <style>
            table {
                border: 1px solid black;
                border-spacing: 0px;
                border-collapse: collapse;
            }
            
            th,
            td {
                border: 1px solid black;
            }
        </style>
    </head>

    <body>
        <form>
            <table>
                <tr>
                    <td colspan="9" align="center">2013年度图书销售统计</td>
                </tr>
                <tr>
                    <tr>
                        <td rowspan="2">图书分类</td>
                        <td colspan="2">一季度</td>
                        <td colspan="2">二季度</td>
                        <td colspan="2">三季度</td>
                        <td colspan="2">四季度</td>
                    </tr>
                    <tr>
                        <th>销售量</th>
                        <th>销售额</th>
                        <th>销售量</th>
                        <th>销售额</th>
                        <th>销售量</th>
                        <th>销售额</th>
                        <th>销售量</th>
                        <th>销售额</th>
                    </tr>
                    <tr>
                        <td>小说</td>
                        <td>23521</td>
                        <td>$559940</td>
                        <td>18423</td>
                        <td>$44841</td>
                        <td>32125</td>
                        <td>$829870</td>
                        <td>25188</td>
                        <td>$586564</td>
                    </tr>
                    <tr>
                        <td>文艺</td>
                        <td>7643</td>
                        <td>$180423</td>
                        <td>8010</td>
                        <td>$192420</td>
                        <td>10289</td>
                        <td>$321717</td>
                        <td>9012</td>
                        <td>$266134</td>
                    </tr>
                    <tr>
                        <td>励志/成功</td>
                        <td>13328</td>
                        <td>$428371</td>
                        <td>15021</td>
                        <td>$592987</td>
                        <td>13496</td>
                        <td>$471620</td>
                        <td>10130</td>
                        <td>$386845</td>
                    </tr>
                    <tr>
                        <td>童书</td>
                        <td>20328</td>
                        <td>$358891</td>
                        <td>24030</td>
                        <td>$392713</td>
                        <td>27444</td>
                        <td>$461770</td>
                        <td>18027</td>
                        <td>$328451</td>
                    </tr>
                </tr>
            </table>
        </form>
    </body>

</html>

<!DOCTYPE html>
<html>

    <head>
        <meta charset="utf-8" />
        <title></title>
    </head>
    <frameset>
        <frameset rows="20%,80%">
            <frame src="top.html" />
            <frameset cols="20%,*>
             <frame src="left.html " />
             <frame src="right.html" name="right" />
        </frameset>
    
    </frameset>
</html>

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值