表格练习

最新推荐文章于 2024-04-10 09:16:56 发布

chen_zan_yu_

最新推荐文章于 2024-04-10 09:16:56 发布

阅读量1k

点赞数 1

分类专栏： javaweb东软实训

本文链接：https://blog.csdn.net/chen_zan_yu_/article/details/93982223

版权

javaweb东软实训专栏收录该内容

28 篇文章 6 订阅

订阅专栏

1、div-ul(ol)-li ：常用于分类导航或菜单等

2、div-dl-dt-dd ：常用于图文混编的场合

3、table-tr-td ：常用于图文布局或显示数据

4、form-table-tr-td：常用于布局表单

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<table border="1" cellspacing="0" cellpadding="1">
			<thead>
				<th>班级</th><th>姓名</th><th>电话</th>
			</thead>
			<tbody>
				<tr>
					<td>SE131</td><td>张三</td><td>17110581082</td>
				</tr>
			</tbody>
			<tfoot>
				<tr>
					<td colspan="3" >软件学院</td>
				</tr>
			</tfoot>
		</table>
	</body>
</html>

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<table border="1" cellspacing="0" cellpadding="1">
			<caption>年终报表</caption>
			<thead bgcolor="aqua">
				<th>月份</th><th>收入</th>
			</thead>
			<tbody bgcolor="aquamarine">
				<tr>
					
					<td>一月</td><td>100</td>
				</tr>
				<tr>
					
					<td>二月</td><td>100</td>
				</tr>
				<tr>
					
					<td>三月</td><td>100</td>
				</tr>
				<tr>
					
					<td>四月</td><td>100</td>
				</tr>
			</tbody>
			<tfoot bgcolor="yellow">
				<tr>
					<td  >平均月收入</td><td>1967.88</td>
				</tr>
								<tr>
					<td  >总记</td><td>12967.88</td>
				</tr>
			</tfoot>
		</table>
	</body>
</html>

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<table border="1" cellspacing="0" cellpadding="1" width="400" height="150" align="center" bordercolor="#000" bgcolor="yellow">
			<tr>
				<td>电脑组成</td>
				<td colspan="3" align="center">中央处理器</td>
			</tr>
			<tr>
				<td>品牌</td>
				<td>因特尔</td>
				<td>AMD</td>
				<td>威盛</td>
			</tr>
			<tr>
				<td rowspan="2" align="center">电脑组成</td>
				<td>中央处理器</td>
				<td>硬盘</td>
				<td>显卡</td>
			</tr>
			<tr>
				<td>内存</td>
				<td>主板</td>
				<td>显示器</td>
			</tr>
		</table>
	</body>
</html>

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		
		<table border="1" cellspacing="1" cellpadding="0" align="center">
			<tr bgcolor="aqua"><th>
			</th>
			<th>一月</th>
			<th>二月</th>
			<th>三月</th>
			<th>小计(RMB)</th>
			</tr>
			<tr bgcolor="aquamarine"><td>北京</td>
				<td>10</td>
				<td>20</td>
				<td>30</td>
				<td>60</td>
			</tr>
						<tr bgcolor="aquamarine"><td>深圳</td>
				<td>10</td>
				<td>20</td>
				<td>30</td>
				<td>60</td>
			</tr>
						<tr bgcolor="aquamarine"><td>广州</td>
				<td>10</td>
				<td>20</td>
				<td>30</td>
				<td>60</td>
			</tr>
			<tr bgcolor="yellow">
				<td>总计(RMB)</td>
				<td>60</td>
				<td>607</td>
				<td>610</td>
				<td>620</td>
			</tr>
		</table>
	</body>
</html>

一个表单主要由3部分组成 

表单标签：包含了处理表单数据所用服务器端程序的URL及数据提交到服务器的方法。

表单域：包含了文本框、密码框、隐藏域、多行文本框、复选框、单选按钮、选择框和文件上传框等表单输入控件。

表单按钮：包括提交按钮、复位按钮和一般按钮；用于将数据传送单服务器上或者取消输入，还可以用表单按钮来控制其他定义了处理脚本的工作。

chen_zan_yu_

关注

1
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
表格练习

1、div-ul(ol)-li ：常用于分类导航或菜单等2、div-dl-dt-dd ：常用于图文混编的场合3、table-tr-td ：常用于图文布局或显示数据4、form-table-tr-td：常用于布局表单<!DOCTYPE html><html> <head> <meta charset="utf-8"> &...
复制链接

扫一扫

专栏目录