위 형태를 가진 페이지를 만들어 보자.
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가 침범하지 못하도록 막아줄 수 있다.
결과화면
'Front-end > JSP' 카테고리의 다른 글
[게시판 만들기] 게시판 구성 (0) | 2016.03.07 |
---|---|
[게시판 만들기] 로그인절차 (filter, dao, biz, session, servlet) (0) | 2016.03.03 |
[게시판 만들기] 게시판 틀구성 (0) | 2016.03.03 |
[게시판만들기] checkbox, dropdown, button, calendar input 쓰는방법 (0) | 2016.02.29 |
[JSP] jquery, 버튼으로 데이터 보내기 (2) | 2016.02.29 |