HTML中的表格,table标签

表格标签:table

<table border="solid 1px" cellspacing="10px" cellpadding="50px">
</table>

这里的boder是设置的表格的边框属性,solid是将边框设置为实线(dashed是将边框设置为 虚线)
table标签里面可以嵌套一些tr,th或者tr,td标签,注意table,th,td,tr都是双标记,就是要成对出现
例如:

        <table border="solid 1px" cellspacing="10px" cellpadding="50px">
            <tr><th>Header</th></tr>
            <tr><td>Data</td></tr>
        </table>

cellpadding :内边框距离外框的距离,单元格的空间
cellspacing:单元格之间的距离
tr标签代表行,td标签代表列
这里需要注意在行和列设置宽高时的一些问题:
width:对第一行设置宽度后,后面的行会自行撑开
height:每一行都要设置高度
例如:

<table border="" cellspacing="" cellpadding="">

            <tr height="100px">
                <td></td>
                <td></td>
                <td></td>
                <td></td>
            </tr>
            <tr height="100px">
                <td></td>
                <td></td>
                <td></td>
                <td></td>
            </tr>
            <tr height="100px">
                <td></td>
                <td></td>
                <td></td>
                <td></td>
            </tr>
            <tr height="100px">
                <td></td>
                <td></td>
                <td></td>
                <td></td>
            </tr>
        </table>

猜你喜欢

转载自blog.csdn.net/qq_43090158/article/details/82191478