본문 바로가기
Front-end/JSP

[게시판 만들기] jsp파일 상속

by JiGyeong 2016. 3. 3.


위 형태를 가진 페이지를 만들어 보자.






img 폴더안에 img파일을 넣고

css 폴더안에 css파일을 만들어 따로 지정해준다.



id 가 header인 div 안에 들어있는 img 를

가로세로 95px을 설정하는 문법이다.





header.jsp 파일을 만들어 이미지를 추가하였다.

이를 index.jsp로 가져가고 싶으면


<jsp:include page="./WEB-INF/view/common/header.jsp"></jsp:include>를 써주자.

그러면 index페이지에 view/common/ 파일 아래에 있는 header.jsp를 띄울 수 있다.








또한 글을 쓰면 자꾸 맨위로 가거나 맨아래로 붙게 되는데

div.clear을 줌으로써 그림이 들어있는 영역까지 다른 div가 침범하지 못하도록 막아줄 수 있다.


결과화면