zoukankan      html  css  js  c++  java
  • table标签

    表格标签: <table>

    '''
    border: 表格边框.
    
    cellpadding: 内边距
    
    cellspacing: 外边距.
    
     像素 百分比.(最好通过css来设置长宽)
    
    <tr>: table row
    
             <th>: table head cell
    
             <td>: table data cell
    
    rowspan:  单元格竖跨多少行
    
    colspan:  单元格横跨多少列(即合并单元格)
    
    <thead> <tbody>(不常用): 为表格进行分区.
    '''
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8"> <!--<meta http-equiv="content-type" charset="UTF-8">-->
        <meta name="keywords" content="table标签">
        <meta name="description" content="study">
        <meta http-equiv="Refresh" content="60;https://www.baidu.com">
        <meta http-equiv="x-ua-compatible" content="IE=EmulateIE7">
        <title>Title</title>
        <!--<link rel="stylesheet" href="css.css">-->
        <link rel="icon" href="https://www.baidu.com/favicon.ico">
        <!--<script src="js.js"></script>-->
    </head>
    <body>
        <table border="5px" cellpadding="30px" cellspacing="10px">
        <!--table表格标签,border为表格边框粗细,cellpadding为内边距,cellspacing为外边距-->
            <thead>
            <!--thead标签定义表头可不写-->
                <tr>
                <!--tr标签定义行-->
                    <th colspan="2">姓名-性别</th>
                    <!--th标签为表头内容,colspan属性为合并两列单元格-->
                    <th>爱好</th>
                </tr>
            </thead>
            <tbody>
            <!--tbody标签定义表格内容可不写-->
                <tr>
                    <td colspan="2">小明-男</td>
                    <!--td标签为表格内容,colspan属性为合并两列单元格-->
                    <td>篮球</td>
                </tr>
                <tr>
                    <td>小红</td>
                    <td rowspan="2"></td>
                    <!--td标签为表格内容,rowspan属性为合并两行单元格-->
                    <td>唱歌</td>
                </tr>
                <tr>
                    <td>小花</td>
                    <td>跳舞</td>
                </tr>
            </tbody>
        </table>
    </body>
    </html>
    while True: print('studying...')
  • 相关阅读:
    开发报表的先进工具
    强大的报表前端展现功能
    管理驾驶舱监控大屏展现
    换乘算法【转】
    提交中文数据乱码问题总结
    重定向
    容易遗漏的
    jsp基础语法【转】
    说说Java NIO【转】
    Java读取大文件的操作【转】
  • 原文地址:https://www.cnblogs.com/xuewei95/p/14903776.html
Copyright © 2011-2022 走看看