本文展示了一个使用Java实现的Web应用程序页面布局实例，通过具体的HTML和JSP代码展示了如何构建包含导航栏、左侧菜单和主要内容区域的网页结构，并集成了iframe以实现页面内容的动态加载。
<%@ 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>
</head>
<body>
<table width="100%" height="4%">
<tr>
<td align="center" width="6%">
<font face="arial,helvetica.sanserif" color="#0072E3" size="6"> QRA MS </font><font color="#0072E3" size="6">MainPage</font>
</tr>
</table>
<table width="100%" height="90%" border="1" cellspacing="0" cellpadding="1" bordercolor="#84C1FF">
<tr>
<td width="18%">
<table width="100%" height="100%" border="1" cellspacing="5" cellpadding="1" bordercolor="#84C1FF">
<tr align="left">
<td bgcolor="#FFFFFF"><a href="http://www.baidu.com" target="content"><b><font face="arial,helvetica.sanserif" color="#FFAF60">MTDRunMain</font></b></a></td>
</tr>
</table>
</td>
<td width="80%">
<iframe id="content" style="overflow-x: auto; overflow-y: auto" name="content" src="index.jsp" width="100%" height="100%" allowTransparency="true"></iframe>
</td>
</tr>
</table>
</body>
</html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>My JSP 'MyJsp.jsp' starting page</title>
</head>
<body>
<table width="100%" height="4%">
<tr>
<td align="center" width="6%">
<font face="arial,helvetica.sanserif" color="#0072E3" size="6"> QRA MS </font><font color="#0072E3" size="6">MainPage</font>
</tr>
</table>
<table width="100%" height="90%" border="1" cellspacing="0" cellpadding="1" bordercolor="#84C1FF">
<tr>
<td width="18%">
<table width="100%" height="100%" border="1" cellspacing="5" cellpadding="1" bordercolor="#84C1FF">
<tr align="left">
<td bgcolor="#FFFFFF"><a href="http://www.baidu.com" target="content"><b><font face="arial,helvetica.sanserif" color="#FFAF60">MTDRunMain</font></b></a></td>
</tr>
</table>
</td>
<td width="80%">
<iframe id="content" style="overflow-x: auto; overflow-y: auto" name="content" src="index.jsp" width="100%" height="100%" allowTransparency="true"></iframe>
</td>
</tr>
</table>
</body>
</html>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
