html之表格标签

28 篇文章 0 订阅
24 篇文章 0 订阅

看一下代码就会了

<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 的对应数字是要合并的行和列数,我在这里是两行。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值