基于JavaWeb的表格实例

该博客详细介绍了如何在JavaWeb应用中利用HTML的rowspan和colspan属性进行表格的行列合并操作,通过实例展示了一种创建复杂表格布局的方法。

实现如下图表格网页
在这里插入图片描述

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title></title>
  </head>
  
  <body>   
	<table border="1" align="center"> 
		<caption>全年级成绩清单</caption>
		<tr>
			<th rowspan="2">所在班</th>
			<th rowspan="2"> 姓名</th>
			<th rowspan="2">性别</th>
			<th colspan="3">成绩</th>
			<th rowspan="2">评估</th>
		</tr>
		<tr>
			<th>语文</th>
			<th>数学</th>
			<th>英语</th>			
		</tr>
		<tr >
			<td rowspan="3">一班</td>
			<td>张勇</td>
			<td></td>
			<td>98</td>
			<td>97</td>
			<td>94</td>
			<td rowspan="2"></td>
		</tr>
		<tr >			
			<td>李勇</td>
			<td></td>
			<td>87</td>
			<td>83</td>
			<td>89</td>			
		</tr>
		<tr >			
			<td>王明</td>
			<td></td>
			<td>65</td>
			<td>76</td>
			<td>72</td>
			<td ></td>
		</tr>
	</table>
  </body>
</html>

说明:
rowspan是合并行操作,colspan是合并列操作。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值