Table 标签

本文详细介绍了HTML中Table标签的使用,包括Table标签的基本框架、属性,如何实现跨行和跨列,创建细线表格的方法,以及直列化格式的设定。同时,文章讨论了不同浏览器间Table展示的差异,如边框颜色处理和caption对齐方式等。
摘要由CSDN通过智能技术生成

---------------------- ASP.Net+Unity开发.Net培训、期待与您交流! ----------------------

Table标签是HTML中一个很重要的标签元素,在传统的网页布局方式就是用table来进行布局。表格布局的一个好处就是把内容固定到网页上,内容不会随便的移动和改变。其实table表格,原来是用于,保存数据的,保存有格式清晰的数据。表格中可以包含任何的内容,故在使用DIV+CSS之前,网页的布局都是采用表格来完成的。

布局的思想----排版,和用什么方式来布局无关
排版的一种思路:从大到小排版;从左向右/从上到下排

Table标签的框架

<span style="font-size:18px;"><table>
<colgroup>直列标签</colgroup>
	<caption> 表名内容 </caption>
	<thead>
		<tr>
			<th> 表头1 </th>
			<th> 表头2 </th>
			  ..................
		</tr>
	</thead>
	<tbody>
		<tr>
			<td> 内容列1 <td>
			<td> 内容列1 <td>
				..................
		</tr>
		..................
	</tbody>
	<tfoot>
		<tr>
			<td> 表尾 </td>
			...................
		</tr>
	</tfoot>
</table></span>

    使用表格的框架来确定内容有一个好处就是,如果在后台中一不小心将表头行、表尾行以及内容行代码写混乱了,不会影响表格的结果内容展示,但是,如果没有使用框架的话,结果的显示就全部给乱了。下面是两个分别使用框架和不使用框架的显示效果:

无框架,行位置变乱
1.1 1.2 1.3
h1 h2 h3
2.1 2.2 2.3
r1 r2 r3
3.1 3.2 3.3
表格行位置顺序写乱了,不存在框架的时候,显示效果基本乱套了

有框架,框架位置变乱
1.1 1.2 1.3
h1 h2 h3
2.1
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值