HTML表结构

HTML表结构:
从语义结构上划分表格为:表头、表主体、表尾

thead标签标识表格头部元素
tbody标签标识表格表体元素
tfoot标签标识表格表尾部分
cellpadding:表格中内容和单元格之间的距离
cellspacing:表格中单元格和单元格之间的距离

    colspan:跨列(合并列)
    rowspan:跨行(合并行)
示例:在网页中制作一个课程表:
  <table border="1">
    	<thead>
    		<tr>
    			<th></th>
    			<th>周一</th>
    			<th>周二</th>
    			<th>周三</th>
    		</tr>
    	</thead>
    	<tbody>
    		<tr>
    		<td rowspan="3">上午</td>
    		<td>语文</td>
    		<td>语文</td>
    		<td>语文</td>
    	</tr>
    	<tr>
    		<!--<td>第二节</td>-->
    		<td colspan="3">语文</td>
    		<!--<td>语文</td>
    		<td>语文</td>-->
    	</tr>
    	<tr>
    		<!--<td>第三节</td>-->
    		<td>语文</td>
    		<td>语文</td>
    		<td>语文</td>
    	</tr>
    	</tbody>
    </table>
实现效果如下:
周一周二周三
上午语文语文语文
语文
语文语文语文
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值