html 表格

本文详细介绍了HTML表格的使用,包括如何设置表格的边框、宽度、高度、内部间距等属性,以及如何通过`rowspan`和`colspan`进行单元格合并。通过多个实例展示了不同场景下表格的创建,如人员信息展示、时间表布局等。
摘要由CSDN通过智能技术生成
<!DOCTYPE html>
<html>
	<!--
    	作者:xwl281928290@163.com
    	时间:2016-07-25
    	描述:
    	<span style="color:#006600;">
	 border:设置表格线的宽度
	 width:设置表格宽度
	 height:设置表格高度
	 cellpadding:设置表格内文字距离左边宽度
	 cellspacing:设置表格线与线的间距
	 bgcolor:设置表格背景颜色
	 caption:设置表格标题头
	 align: left center right
	 		1  在table上 设置表格 左  中 右 
	 		2  在tr上 设置行 内文字 左 中 右
	 		3 在td上 设置列 内 文字 左 中 右
	 rowspan:纵向合并
	 colspan:横向合并</span>
	 
	-->
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<fieldset>
			<legend>这个一个表格</legend>
			<table border="1" width="400" height="200" cellpadding="10" cellspacing="0" bgcolor="palevioletred"
				align="center">
				<caption>人员信息</caption>
				<tr>
					<th >老师</th>
					<th >学生</th>
					<th >工人</th>
				</tr>
				<tr align="center">
					<td>小命</td>
					<td>校长</td>
					<td>小李</td>
				</tr>
				<tr align="center"> 
					<td>张飞</td>
					<td>李四</td>
					<td>王五</td>
				</tr>
			</table>
		
		</fieldset> <hr><hr>
		
		<table border="1" width="400" height="200"  cellspacing="0" bgcolor="palevioletred"
			align="center"&g
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值