! 배워가고 있는 주인장이 쓴 글이니 정보의 정확성에 유의하시기 바랍니다 !
WebApp19
Main.jsp
<%@ page contentType="text/html; charset=UTF-8"%>
<%
request.setCharacterEncoding("UTF-8");
%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Main.jsp</title>
<link rel="stylesheet" type="text/CSS" href="css/main.css">
<style type="text/css">
* {font-size: 9pt;}
</style>
</head>
<body>
<!-- 요즘엔 사용 잘 안함 -->
<div>
<table style="width: 400px;" border="1">
<tr>
<td colspan="2">
<!-- Top -->
<jsp:include page="Top.jsp"></jsp:include>
</td>
</tr>
<tr style="height: 300px;">
<td style="width: 100px;">
<!-- Left -->
<jsp:include page="Left.jsp"></jsp:include>
</td>
<td>
Main(메인 화면)
</td>
</tr>
<tr>
<td colspan="2">
<!-- Bottom -->
<jsp:include page="Bottom.jsp"></jsp:include>
</td>
</tr>
</table>
</div>
</body>
</html>
↑
Top.jsp
<%@ page contentType="text/html; charset=UTF-8"%>
<%
request.setCharacterEncoding("UTF-8");
%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Top.jsp</title>
<link rel="stylesheet" type="text/CSS" href="css/main.css">
</head>
<body>
상단 메뉴<br>
<a href="">로그인</a> | <a href="">회원가입</a> | <a href="">정보확인</a>
</body>
</html>
Bottom.jsp
<%@ page contentType="text/html; charset=UTF-8"%>
<%
request.setCharacterEncoding("UTF-8");
%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Bottom.jsp</title>
<link rel="stylesheet" type="text/CSS" href="css/main.css">
</head>
<body>
하단 메뉴<br>
<a href="">사이트 소개</a> |
<a href="">이용 약관</a> |
<a href="">도움말</a> |
<a href="">사이트 맵</a> |
</body>
</html>
Left.jsp
<%@ page contentType="text/html; charset=UTF-8"%>
<%
request.setCharacterEncoding("UTF-8");
%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Left.jsp</title>
<link rel="stylesheet" type="text/CSS" href="css/main.css">
</head>
<body>
좌측 메뉴<br>
<ul>
<li><a href="">게시판</a></li>
<li><a href="">방명록</a></li>
<li><a href="">일정관리</a></li>
</ul>
</body>
</html>
! 배워가고 있는 주인장이 쓴 글이니 정보의 정확성에 유의하시기 바랍니다 !
'JAVA개념&실습' 카테고리의 다른 글
WEB : [0602] JDBC 연동 게시판 작성 실습02 (0) | 2023.06.06 |
---|---|
WEB : [0531] JDBC 연동 게시판 작성 실습01 (페이징 실습) (0) | 2023.06.06 |
WEB : [0526, 0530] 이상형 등록 실습 (0) | 2023.06.06 |
WEB : [0526] 간단한 기본 방명록 작성 실습 (0) | 2023.05.28 |
WEB : [0526] JSP 액션 태그 실습 (0) | 2023.05.28 |