前端学习-3-表格标签<table></table>

1、表格控件介绍

<table align="",border="" cellpadding="",cellpacing="" ,width=""> ---> 根标签
	<thead> -----------------------------------------> 头部标签,头部区域  必须嵌套在 <table>标签中
		<tr>	---------------------------------------> 行标签  
			<th></th> ----------------------------------> 单元格标签,特点内容加粗,且居中
			<td></td>-----------------------------------> 单元格标签  必须嵌套在<tr>标签中 
		</tr>
	</thead>
	<tbody>  ------------------------------------------->主题区域 必须嵌套在 <table>标签中
		<tr>
			<td></td>
			<td></td>
		</tr>
	</tbody>
</table>

一般不用这些属性,用CSS显示。
align :规定表格相对周围元素对齐方式。属性值有: left, right, center
border :规定表格是否有边框,默认为“”,表示没有边框 属性值:1或者“”
cellpadding:规定单元格边缘与齐内容之间的空白,默认为1像素 (1px)
cellpacing:规定单元格之间的空白,默认为2像素(2px)
width:规定表格的宽度 。属性值:像素或者百分之
2、合并单元格

  • 跨行合并
    rowspan=“合并单元格的个数”
  • 跨列合并
    colspan= “合并单元格的个数”
<td rowspan="2" colspan="3" ></td>表示 
从上往下数,合并2个单元格  (要合并的第一个单元格为目标单元)。
从左往右数,合并3个单元格.(要合并的最左侧的单元格为目标单元格)

在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值