CODING stroy

JSP 파일에 CSS 적용하기, header,footer include 하는 법 본문

JSP

JSP 파일에 CSS 적용하기, header,footer include 하는 법

코코story 2022. 1. 6. 12:40

JSP 파일에 CSS 를 적용하는 방법

이클립스로 만들어 보았습니다.

<head>에 작성하면 되네요.

 </link href="경로" rel="stylesheet" type="text">

경로 <%request.getContextPath()%>/css/ex01.css

 

  • css파일은 따로 만들어 줍니다. 

 

 

적용된 모습입니다

 

header , footer 파일을 include 먼저 해준 다음

css를 입혀서 그 영역에 적용되었습니다

 

 

<%@include file=" " %>

 

header를 이렇게 파일로 만든 다음 

필요한 곳으로 가서 include해주면 공용 header로 사용이 가능합니다

인클루드 되는 파일은 html !DOCTYPE 없이 그냥 본문만 작성해 주는 것이 더 좋습니다.

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> 아래에 바로 작성 

다쓰면 헷갈리기 때문입니다.

자바스크립트가 필요하게 되면 그냥 밑에 다가 쓰면 됩니다.  

 

 

저장경로

 webapp 폴더 하위에 바로 header.jsp , footer.jsp 파일을 생성

 

저작자표시 비영리 변경금지

'JSP' 카테고리의 다른 글

이클립스에서 Git에 커밋할 때 class 파일 등 없애는 방법  (0) 2022.04.18
jstl로 if문 형태로 표현하는 방법(choose, when)  (0) 2022.04.16
등록한 이미지가 이클립스 프로젝트에 바로 안 나올 때 해결법  (0) 2022.04.13
'JSP' Related Articles more