작성법

기본구조

html 태그 – 웹 문서 시작을 알리는 태그

• 실제 문서 정보와 내용이 시작되고 끝나는 것을 표시하는 태그
• lang이라는 속성을 사용해 문서에서 사용할 언어 지정 가능
• 문서 정보를 지정하는 head 부분과 실제 화면에 보이는 문서 내용을 입력하는 body 부분

브라우저에게 정보를 주는 head 태그

• 웹 브라우저 화면에는 보이지 않지만, 웹 브라우저가 알아두어야 할 정보들 입력
• 문서에서 사용할 외부 파일들 링크 (CSS, Javascript 등)

title 태그 : 브라우저의 제목 표시줄에 표시되는 내용.

title 문서 제목 </title>

meta 태그 : 문자 인코딩 방법 및 문서의 키워드와 요약 정보를 지정

<meta charset=”UTF-8”>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0”>
<meta http-equiv=”X-UA-Compatible” content=”ie=edge”> 
<meta name=”keywords” content=”html5, 웹표준”> 
<meta name=”description” content=”html5를 통해 웹 표준 공부하기">

문서의 몸통 body 태그

• 실제 브라우저에 표시될 내용 입력
• 대부분의 태그가 body 태그와 body 태그 사이에서 사용하는 태그들

특수 기호 입력하기

• HTML 문서의 특성상 여러 개의 공백을 나타내거나 따옴표, ‘<’ 같은 꺾쇠 괄호를 화면에 표
  시할 때는 ‘엔티티 코드’ 사용

환경 세팅

• 문자셋 맞추기 (UTF-8)
• WAS(tomcat) 설치
• 이클립스 Perspective 변경 (JAVA EE)

문자셋 (Character set)

• 컴퓨터가 문자를 표현하는 방식을 말한다. (인코딩, 디코딩)
• 웹 브라우저가 HTML 문서를 나타내기 위해 어떠한 문자셋으로 저장되었는지를 알아야한다.

1. ASCII : 가장 처음 만들어진 문자셋으로, 인터넷에서 사용할 수 있는 127개의 영문자와
   숫자로 이루어져 있습니다.

2. ANSI : 윈도우즈에서 만든 문자셋으로, 총 256개의 문자 코드를 지원합니다.

3. ISO-8859-1 : 256개의 문자 코드를 지원하는 HTML4의 기본 문자셋입니다.

4. UTF-8 : 세상에 있는 거의 모든 문자를 표현할 수 있는 유니코드 문자를 지원하는 HTML5의 기본 문자셋입니다