关于html表格学习

发布时间 2024-01-12 13:10:20作者: GOZO
<!DOCTYPE html> 
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
<!-- 关于html表格的学习 -->
</head>
<body>
    <!-- table就是创建一个表格,指定边框为2px,对齐方式居中 cellpading,指文字与边框距离
    ,cellspacing指定:表格边框与边框之间的距离为0 -->
    <table border="2" align="center" cellpading="30px" cellspacing="0">
       <thead>
         <tr>
            <!-- tr代表一行,只有一个th,那么就是一列,th代表表头,colspanz指定占多少列一共5列
            thead部分表示表头部分 -->
            <th colspan="5">放假时间</th>
         </tr>
       </thead>
       <tbody>
         <!--tbody代表表格内容  -->
        <tr>
            <!-- rowsoan代表第1列占多少行 -->
            <td rowspan="3">放假时间:</td>
            <td colspan="2">10月29号</td> 
            <td colspan="2">11月30号</td> 
         </tr>
         <tr>
            <td colspan="2">10月29号</td> 
            <td colspan="2">11月30号</td> 
         </tr>
        </tbody>
    </table>
</body>
</html>