html 表格

原创 2016年08月28日 23:19:33
<!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">
			<thead>
				<tr align="center">
					<td>小命</td>
					<td>校长</td>
					<td>小李</td>
				</tr>
			</thead>
			
			<tbody>
				<tr align="center">
					<td>小命</td>
					<td>校长</td>
					<td>小李</td>
				</tr>
				<tr align="center"> 
					<td>张飞</td>
					<td>李四</td>
					<td>王五</td>
				</tr>
			</tbody>
			
			<tfoot>
				<tr align="center"> 
					<td>张飞</td>
					<td>李四</td>
					<td>王五</td>
				</tr>
			</tfoot>
			
		</table><hr><hr>
		
		<table border="1" width="400" height="300"  bgcolor="pink" cellspacing="0" align="center">
			<tr>
				<td rowspan="2"></td>
				<td></td>
				<td colspan="2"></td>
			</tr>
			<tr>
				<td></td>
				<td></td>
				<td></td>
			</tr>
			<tr>
				<td ></td>
				<td></td>
				<td></td>
				<td rowspan="2"></td>
			</tr>
			<tr>
				<td colspan="2"></td>
				<td ></td>
			</tr>
		</table>
		
		<hr />
		<table border="1" width="400" height="300"  bgcolor="pink" cellspacing="0" align="center">
			<tr>
				<td rowspan="2"></td>
				<td></td>
				<td colspan="2"></td>
			</tr>
			<tr>
				<!--<td></td>-->
				<td></td>
				<td></td>
				<td></td>
			</tr>
			<tr>
				<td></td>
				<td></td>
				<td></td>
				<td rowspan="2"></td>
			</tr>
			<tr>
				<td colspan="2"></td>
				<!--<td ></td>-->
				<td></td>
				<!--<td></td>-->
			</tr>
		</table>
		
		<table width="400" height="300" bgcolor="green" cellspacing="1">
				<tr bgcolor="white" align="center" >
					<th colspan="2" width="100"></th>
					<!--<th></th>-->
					<th>星期一</th>
					<th>星期二</th>
					<th>星期三</th>
					<th>星期四</th>
					<th>星期五</th>
				</tr>
			
				<tr bgcolor="white" align="center">
					<td rowspan="2">上午</td>
					<td>1</td>
					<td></td>
					<td></td>
					<td></td>
					<td></td>
					<td></td>
				</tr>
				
				<tr bgcolor="white" align="center">
					<!--<td></td>-->
					<td>2</td>
					<td></td>
					<td></td>
					<td></td>
					<td></td>
					<td></td>
				</tr>
				
				<tr bgcolor="white"  align="center">
					<td rowspan="2">下午</td>
					<td>3</td>
					<td></td>
					<td></td>
					<td ></td>
					<td colspan="2" ></td>
					<!--<td></td>-->
				</tr>
				
				<tr bgcolor="white" align="center">
					<!--<td></td>-->
					<td>4</td>
					<td></td>
					<td></td>
					<td></td>
					<td colspan="2" ></td>
					<!--<td></td>-->
				</tr>
		</table>
		<a href="#momo">锚链接</a>
		<table width="400" height="300" bgcolor="green" cellspacing="1">
				<tr bgcolor="white" align="center" >
					<th colspan="2" rowspan="2"></th>
				</tr>
				<tr bgcolor="white" align="center" >
					<th colspan="2" rowspan="2"></th>
				</tr>
		</table><hr>
		
		
		<table width="400" height="300" bgcolor="green" cellspacing="1">
				<tr bgcolor="white" align="center" >
					<td rowspan="2"></td>
					<td colspan="2"></td>
				</tr>
				<tr bgcolor="white" align="center" >
					<!--<td></td>-->
					<!--<td></td>-->
				</tr>
		</table>
		
		
		<table id="momo" border="1"  width="600" height="500" bgcolor="pink" cellspacing="1">
			 <tr>
			 	<td colspan="2"></td>
			 	<!--<td></td>-->
			 	<td>星期一</td>
			 	<td>星期二</td>
			 	<td>星期三</td>
			 	<td>星期四</td>
			 	<td>星期五</td>
			 </tr>
			 <tr>
			 	<td rowspan="2">上午</td>
			 	<td width="50">1</td>
			 	<td></td>
			 	<td></td>
			 	<td></td>
			 	<td></td>
			 	<td></td>
			 </tr>
			 <tr>
			 	<!--<td></td>-->
			 	<td>2</td>
			 	<td></td>
			 	<td></td>
			 	<td></td>
			 	<td></td>
			 	<td></td>
			 </tr>
			 <tr>
			 	<td rowspan="2">下午</td>
			 	<td>3</td>
			 	<td></td>
			 	<td></td>
			 	<td></td>
			 	<td colspan="2"></td>
			 	<!--<td></td>-->
			 </tr>
			 <tr>
			 	<!--<td></td>-->
			 	<td>4</td>
			 	<td></td>
			 	<td></td>
			 	<td></td>
			 	<td></td>
			 	<td></td>
			 </tr>
		</table>
		
		
	</body>
</html>

版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

unity地形编辑扩展插件Landspace Auto Material介绍

LAM是一套针对复杂地形和植物的编辑工具, 增加了一些unity自带地形编辑器没有的功能, 对其用法做一下简单介绍。

关注CSDN程序人生公众号,轻松获得下载积分

关注公众号 在公众号里回复“”秘密“”两个字 返回 http://task.csdn.net/m/task/home?task_id=398 领取奖励 提示:根据公众号里的自动回复,完成...

Android eclipse unable to launch:The selection can not be launched,and there are no recent launches

出现这个问题基本就是两方面的问题: 1:代码问题 没有启动的入口。可以检查有没有缺少static什么的 2:所有代码都启动不了,那就是eclipse 的问题,最大的问题可能就是JDK问题   2.1 ...

Java 数据结构和算法 概述

数据结构 数据结构是对在计算机内存中(有时在磁盘中)的数据的一种安排,数据结构包括数组、链表、栈、二叉树、哈希表等等,算法对这些结构中的数据进行各种处理,例如查找一条特殊的数据或者对数据进行排序。...

目标检测和跟踪小结

一、目标检测目标检测即为从序列图像中将变化区域从背景图像中提取出来。运动目标检测的算法依照目标与摄像机之间的关系可以分为静态背景下运动检测和动态背景下运动检测。1.静态背景 背景差分法 帧间差分法 光...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)