반응형
1. 새로운 html파일을 만들 폴더에 우클릭
2. new -> html File 클릭
3. 클릭하면 이렇게뜬다 여기서 Next 버튼 클릭
4. 그럼 이렇게 기존에 있는 템플릿들이 주르륵 뜬다.
5. 나는 내가 원하는 구글폰트 링크, 제이쿼리, 부트스트랩이 상단에 고정되있는 html 템플릿을 만들고싶다
6. 하단에 HTML Templates 이라고 써잇는 글자를 눌러준다
7. 그럼 이런 화면이 뜨는데 나만의 새로운 html 템플릿 만들거니까 new 클릭
8. 그럼 이렇게 템플릿이름 과 내용을 적는 창이 나온다
9. 이렇게 내가 넣고싶은 템플렛 복붙!
10. ok 버튼 누르기
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script><!--제이쿼리 링크-->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"><!--부트스트랩 링크-->
<link href="https://fonts.googleapis.com/css2?family=Black+Han+Sans&family=Nanum+Pen+Script&family=Single+Day&family=Song+Myung&family=Stylish&display=swap" rel="stylesheet"> <!--구글폰트 링크-->
<style>
/*
font-family: 'Black Han Sans', sans-serif;
font-family: 'Nanum Pen Script', cursive;
font-family: 'Single Day', cursive;
font-family: 'Song Myung', serif;
font-family: 'Stylish', sans-serif;
*/
</style>
</head>
<body>
</body>
</html>
10. 내가 넣은 템플릿은 이거나 구글폰트, 제이쿼리, 부트스트랩 넣어주고
style 태그 안에 font-family 바로 가져다 쓸수있게 주석으로 써놓았다
11. 그럼 이렇게 내가 만든 새로운 탬플릿이 템플릿 목록에 추가된다
12. 위에서 이름을 myHtml 이라고 줬으니 이름이 같은 템플릿 찾아서 Apply and close 클릭하면 적용끝
13. Apply 는 적용만되고 창은 따로 닫아줘야하니 Apply and Close 로 누른거다
14. 피니쉬 버튼 누르면 새로운 템플릿으로 html 완성
15. 이제 템플릿으로 편하게 쓸수있다
반응형
'IDE > 이클립스' 카테고리의 다른 글
Eclipse의 getter 및 setter 자동생성하기 | 단축기는 (Shift+Alt+s) (0) | 2022.03.31 |
---|---|
이클립스 workspace 교환하기 | workspace 폴더 새로 가져오기 (0) | 2022.03.29 |
이클립스 JavaScript 자동완성 프로그램 install(설치) 해주기 (0) | 2022.03.15 |
★ 톰켓 설치 하기 | 서버 톰켓서버로 연결 하는법 ★ | 이클립스 새로운 wockspace 만들기 | Dynamic web Project 로 프로젝트 만들기 (0) | 2022.03.10 |
이클립스 Class Diagram 만드는법 (0) | 2022.03.07 |