body部分的table标签，区别于form

最新推荐文章于 2022-04-16 20:14:42 发布

weixin_30588907

最新推荐文章于 2022-04-16 20:14:42 发布

阅读量176

点赞数

CC 4.0 BY-SA版权

文章标签：前端 ViewUI

原文链接：http://www.cnblogs.com/wfl9310/p/9147583.html

本文详细介绍了HTML中的表格布局方法，包括thead、tbody等元素的使用，以及如何通过th和td来定义标题和内容。此外，还讲解了rowspan和colspan属性的作用。

table主要：tr th td

<body>

<table border="1px" cellpadding="5px" cellspacing="5px">
    <!-- cellpadding="10px" 内边距  cellspacing="" 外边距
    table:可以做布局，但现在更多选择css和div做布局
    theadh和tbody现在已经省去，可以不用，效果一样
    -->
        <thead>
        <tr>
            <!--<th>111</th>th代表标题只能用在thead中
            不光是标题更是加粗黑色
            -->
            <th>111</th>
            <th>222</th>
            <th>333</th>


        </tr>

        </thead>

        <tbody>
        <tr>
            <td rowspan="2">1111</td>:<!-- rowspan="2"表示可以站2行 colspan="2"可以站2列 -->
            <td>2222</td>
            <td>3333</td>
        </tr>

         <tr>
            <td>1111</td>
            <td>2222</td>
            <td colspan="2">3333</td>
        </tr>

         <tr>
            <td>1111</td>
            <td>2222</td>
            <td>3333</td>
        </tr>

        </tbody>

</table>
</body>