[HTML] Eclipse에서 실행하기, h 태그

elipse에서 html을 실행하려면 tomcat 서버를 설치해야 한다.

Tomcat 설치

https://tomcat.apache.org/ 에서 tomcat을 다운로드한다.

Tomcat의 메인페이지이다.

왼쪽에서 버전을 선택할 수 있다. (나는 Tomcat 8 선택)

Core에서 컴퓨터에 맞는 것을 다운받는다. (나는 64-bit Windows zip 선택)

eclipse에서 실행

1. 프로젝트 생성하기

- 상단에서 File > New > Dynamic Web Project

처음에는 뜨지 않기 때문에 File > New > Other... 를 한다.

Web > Dynamic Web Project 를 선택한뒤 [Next >] 클릭

프로젝트에 이름을 주고 [New Runtime...] 클릭

사용할 Tomcat 버전을 선택하고 [Next >] 클릭

[Browse...]를 클릭하여 tomcat을 다운받은 경로를 선택하고 [Finish]

[Next >] [Next >] 한 뒤

체크하고 [Finish]

이렇게 생성됨 / web.xml 은 프로젝트 생성때 마지막에 체크해서 생성된 것이다.

2. 서버 생성하기

- 상단에서 Window > Show View > Servers

eclipse 하단에 이렇게 생성됨 > No servers are~ 클릭

Configure runtime enviroments... 클릭

이렇게 되어 있는지 확인 후 [Apply and Close] 클릭

[Finish] 클릭

이렇게 바뀌면 성공

Servers 상단의 Start 클릭

Stopped 에서 Started로 바뀌면 정상 작동

- Start 버튼을 클릭하였는데 이렇게 오류가 뜬다면

port번호 8080이 이미 사용중이니 바꿔라.

톰캣의 기본 포트번호는 8080이다.

해결법

1) tomcat의 포트번호 변경

2) oracle의 포트번호 변경

=> 첫번째 방법이 훨씬 편하므로 1)을 하자

Tomcat v8.5 Server at ~ 더블 클릭

이 부분을 8080 말고 다른 번호로 변경한다.

3. html 생성하기

WebContent 에서 마우스 오른쪽 > New > HTML File

이름을 주고 [Finish]

이렇게 생성되어 있음

- h 태그 : 제목 태그 (웹 겁색 엔진 웹 크롤러가 페이지에서 가장 중요한 태그로 인식 -> 검색 됨)

<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>h 태그</title>
</head>
<body>
	<h1>안녕하세요</h1>
	<h2>안녕하세요</h2>
	<h3>안녕하세요</h3>
	<h4>안녕하세요</h4>
	<h5>안녕하세요</h5>
	<h6>안녕하세요</h6>
</body>
</html>

이렇게 작성 한 뒤

실행할 웹브라우저 선택

생성한 html위에서 마우스 오른쪽 > Run As > 1 Run on Server

실행하기

실행화면

'📁Language > 🌏 HTML' 카테고리의 다른 글

[HTML] 글 쓰기 (0)	2021.08.24
[HTML] Hello World! (0)	2021.08.24

내 블로그 - 관리자 홈 전환	`Q` `Q`
새 글 쓰기	`W` `W`

글 수정 (권한 있는 경우)	`E` `E`
댓글 영역으로 이동	`C` `C`

이 페이지의 URL 복사	`S` `S`
맨 위로 이동	`T` `T`
티스토리 홈 이동	`H` `H`
단축키 안내	`Shift` + `/` `⇧` + `/`

[HTML] Eclipse에서 실행하기, h 태그

Tomcat 설치

eclipse에서 실행

'📁Language > 🌏 HTML' 카테고리의 다른 글

티스토리툴바

단축키

내 블로그

블로그 게시글

모든 영역