0
点赞
收藏
分享

微信扫一扫

html之表格标签

梯梯笔记 2022-01-30 阅读 57

看一下代码就会了

<table>
        <tr><th>名称</th><td>嘉心糖</td><td>顶碗人</td> </tr>
        <tr><th>圣经</th><td>要好好吃放</td><td>给你们一拳</td></tr>
    </table>

table是表,tr是行,td是一小格,th是特殊的一小格,相当于表头

还有一些表格属性,等到css再讲

还可以按行的标椎分<thead>表头行和<thead>

合并单元标签

先确定需求,1跨行后跨列合并

2跨行找上,跨列找左

3.删除多余的即要被合并的那个

这里建议不熟悉之前可以,按这种思路,熟悉之后另说。

  <table border="1" cellspacing = "0" height = 500 width = 500>
        <tr><td></td><td colspan="2"></td></tr>
        <!-- 先来跨列合并,三步走 -->
        <!-- 跨行合并,也是三步走 -->
        <tr><td rowspan="2"></td><td></td><td></td></tr>
        <tr> <td></td><td></td></tr>
    </table>

colspan和rowspan 的对应数字是要合并的行和列数,我在这里是两行。

举报

相关推荐

0 条评论