[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>

이렇게 작성 한 뒤