您的位置:首页 > Web前端 > JavaScript

jsp页面中table表格显示图片

2013-06-03 15:08 344 查看
今天碰到一个很简单的问题,当时一下没有想明白,竟然还纠结了一会,记录下来:
具体如下,有n条记录,在一个table表格中,每行显示5条记录,每个记录是个小图片,需要在第1个中显示第1个图片,第2个显示第2个图片……第n个显示第n个图片,代码如下:
首先,在web目录下新建一个pic目录,用于存放图片
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>My JSP 'MyJsp.jsp' starting page</title>
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->

  </head>
  <body>
  	<table>
  		<%
  		int n=101;
  		for(int i=1;i<=n;i++){
  			if(i%5==1){
  				%>
  				<tr>
  				<%
  			}
  			%>
  			<td><img src="/my_test/pic/hehe<%=i%>.jpg" /></td>
  			<%
  			if(i%5==0){
  				%>
  				</tr>
  				<%
  			}
  		}
  		%>
  	</table>
  </body>
</html>


上面最关键的是<tr>标签该在什么时候开始,什么时候结束,当时就是这个地方纠结了一下,后来一想,真的不是个事……
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: