表格相关元素

表格相关元素

<table>:定义表格。可以指定id、class、style等通用属性,也可以指定onclick等事件属性,除此之外还可以定义以下几个属性:
	cellpadding:指定单元格内容和单元格边框之间的间距
	cellspacing:指定单元格之间的间距
<caption>:用于定义表格标题,该元素只能包含文本、图片、超链接、文本格式化元素和表单控件元素等。
<tr>:定义表格行
<td>:定义单元格
	colspan:指定该单元格跨多少列
	rowspan:指定此单元格跨多少行
	height:指定该单元格高度
	width:指定该单元格宽度
<col>:该元素用于为表格中的一个或多个列指定属性值。<col.../>元素是一个空元素,它自己本身并不产生表格列;只为表格中指定列整体指定属性值。
<colgroup>:该元素用于为表格中的一个或多个列指定属性值。
<body>
	<table style="width:400px" border="1">
		<caption><b>疯狂Java图书体系</b></caption>
		<tr>
			<th>书名</th><!--加粗-->
			<th>作者</th>
		</tr>
		<tr>
			<td>疯狂Java讲义</td>
			<td>李刚</td>
		</tr>
		<tr>
			<td>轻量级Java EE 企业应用实战</td>
			<td>李刚</td>
		</tr>
	</table>
	<br>
	<table style="width:240px" border="1" width="">
		<!--style时table元素的属性,width=""也是属性,与style平起平坐,
              style里边的width是内部样式-->
		<!--boder以属性的方式给单元格加了样式-->
		<tr><!--行-->
			<td rowspan="2">跨2行</td><!--表格行-->
			<td> 普通</td>
		</tr>
		<tr>
			<td>普通</td>
		</tr>
		<tr>
			<td colspan="2">跨2列</td>
		</tr>
		<tr>
			<td>普通</td>
			<td>普通</td>
		</tr>
	</table>
	<br>
</body>

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值