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...')
原文地址:https://www.cnblogs.com/xuewei95/p/14903776.html