nature-god

html的表格

1、tr为行,td为列,th表头

2、表格属性width宽度、height高度、border边的大小、cellspacing为各单元的空隙,cellpadding为文本内容到边框的之间的空隙

3、表格结构标签thead和tbody

4、colspan="2"合并2单元为一单元,在td中使用border

代码演示

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
    </head>
    <body>
        <h3>认识表格</h3>
        <table width="500" height="300" border="2" cellspacing="5" cellpadding="20">
            <thead>
                <tr>
                    <th>姓名</th>
                    <th>性别</th>
                    <th>年龄</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>姓名</td>
                    <td colspan="2">性别</td>
                
                </tr>
                <tr>
                    <td>姓名</td>
                    <td>性别</td>
                    <td>年龄</td>
                </tr>
            </tbody>    
            
        </table>
    </body>
</html>
效果图

 

 

分类:

技术点:

相关文章:

  • 2021-08-30
  • 2021-11-16
  • 2021-08-07
  • 2021-11-01
  • 2021-11-06
猜你喜欢
  • 2021-12-13
  • 2021-12-28
  • 2021-11-06
  • 2021-11-01
  • 2021-12-24
  • 2021-12-18
  • 2021-05-19
相关资源
相似解决方案