zoukankan      html  css  js  c++  java
  • 表格标签

    1.<table>标签

    表格使用到的标签:

        <table> 表格
        <tr>    行
        <td>    单元格
        <th>     表头   默认的样式是居中,加粗。
        <caption>  表格的标题

    表格常用的属性:

        align:  设置内容或标题位置
        border  设置表格的边框 有多宽。

      width : 设置表格的宽度。
        height: 设置表格的高度的。
        colspan: 设置单元格占据指定的列数。
        rowspan : 设置单元格占据指定的行数。

    整个表格就是table,一行是tr,html里是没有列的,它是一行里有多少个单元格(td)。

    <body>
        <table align="center" border="1px" bordercolor="#0066CC" width="400px" height="300px">
            <caption>期末考试成绩表</caption>
            <thead>
                <tr>
                    <th>姓名</th>
                    <th>分数</th>
                    <th>人品</th>
                </tr>
            </thead>
            <tbody>
            <tr>
                <td rowspan="2">凡江</td>
                <td>98</td>
                <td>优</td>
            </tr>
            
            <tr>
                
                <td>100</td>
                <td>优</td>
            </tr>
     
            <tr>
                <td>居东东</td>
                <td>99</td>
                <td>非常好</td>
            </tr>

                <tr align="center">
                    <td>综合测评</td>
                    <td colspan="2">非常好</td>
                </tr>
            
             </tbody>
            
       </table>
    </body>
    </html>

    一个浏览器只要遇到一个tbody标签,那么就可以显示当前页面的信息。

    以前的浏览器一旦遇到了一个<table>的开始标签,就必须等到遇到table标签的结束标签d时候,才会在网页中显示一个表格的内容。

    之前很多的网页都是使用表格布局的。

    后来一个表格被分成三部分:

      <thead>  表头  可以没有thead

      <tbody>  表体  一个表格至少哟啊存在一个tbody

      <tfoot>   表尾  可以没有tfoot

  • 相关阅读:
    方法的调用机制
    类的成员之二:方法
    类的成员之一:属性
    关键字static
    构造器
    this关键字
    递归方法(recursion)
    方法重载(二)
    GTID 跳过脚本
    mydumper 找不到libmysqlclient.so.20
  • 原文地址:https://www.cnblogs.com/sjxbg/p/5605469.html
Copyright © 2011-2022 走看看