• 表格标签


    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

  • 相关阅读:
    关于Maven项目build时出现No compiler is provided in this environment的处理
    freemaker的函数使用
    FTP在docker容器中上传失败解决,改为被动模式
    linux重定向及nohup不输出的方法
    手动抠下的wordpress登录页面样式
    使用后端生成图片验证码流文件(不推荐)
    部署到docker容器后图片验证码显示不出来
    Linux修改profile文件改错了,恢复的方法
    DotNETCore 学习笔记 异常处理
    DotNETCore 学习笔记 路由
  • 原文地址:https://www.cnblogs.com/sjxbg/p/5605469.html
Copyright © 2020-2023  润新知