jsp网页页面怎么设置三个带链接的图片并排显示。
2个回答
2015-11-27 · 做真实的自己 用良心做教育
千锋教育
千锋教育专注HTML5大前端、JavaEE、Python、人工智能、UI&UE、云计算、全栈软件测试、大数据、物联网+嵌入式、Unity游戏开发、网络安全、互联网营销、Go语言等培训教育。
向TA提问
关注
展开全部
设置三个链接图片并排显示可以直接在jsp中连续写三个超链接,超链接包含着图片,也可以利用表格来设置并排显示。
具体代码如下:
方法一:
<%@ page language="java" import="java.util.*" pageEncoding="ISO-8859-1"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Demo</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">
</head>
<body>
<a href="链接地址"><img src="图片位置"/></a>
<a href="链接地址"><img src="图片位置"/></a>
<a href="链接地址"><img src="图片位置"/></a>
</body>
</html>
这里只需要注意不要在超链接的后面添加换行即可。
方法二:
<%@ page language="java" import="java.util.*" pageEncoding="ISO-8859-1"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Demo</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">
</head>
<body>
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td><a href=""><img src=""/></a></td>
<td><a href=""><img src=""/></a></td>
<td><a href=""><img src=""/></a></td>
</tr>
</table>
</body>
</html>
设置三个图片链接在表格的同一行上即可。
具体代码如下:
方法一:
<%@ page language="java" import="java.util.*" pageEncoding="ISO-8859-1"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Demo</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">
</head>
<body>
<a href="链接地址"><img src="图片位置"/></a>
<a href="链接地址"><img src="图片位置"/></a>
<a href="链接地址"><img src="图片位置"/></a>
</body>
</html>
这里只需要注意不要在超链接的后面添加换行即可。
方法二:
<%@ page language="java" import="java.util.*" pageEncoding="ISO-8859-1"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Demo</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">
</head>
<body>
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td><a href=""><img src=""/></a></td>
<td><a href=""><img src=""/></a></td>
<td><a href=""><img src=""/></a></td>
</tr>
</table>
</body>
</html>
设置三个图片链接在表格的同一行上即可。
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询