1) HTML의 개요
HTML은 “Hyper Text Markup Language”로 웹에서 보여지는 페이지를 만드는 기술이다. HTML은 미리 등록된 태그가 실행되는 것이며 태그는 <>안에 정의하여 사용한다. HTML5로 가면 다양하게 변화된 태그들이 지원되고 있지만 우선 우리는 기본이 되는 HTML4의 태그를 먼저 살펴볼 것이다.
태그는 반드시 시작 태그와 종료 태그로 정의하며 속성을 이용하여 태그가 생성될 때 필요한 내용을 정의할 수 있다.
<시작태그 속성명1=”속성값1” 속성명2=”속성값2”>내용</종료태그>
그러나 HTML은 웹 페이지를 구성하는 컨텐츠를 정의하는 목적으로 사용한다고 했다. 따라서 삽입되는 태그를 꾸미는 속성을 사용하는 것은 지양해야 한다. 태그를 작성할 때는 다음과 같은 규칙은 지켜야 한다. 태그를 여러 개 중첩해서 사용할 수 있다. 그러나 그 위치는 반드시 지켜져야 한다.
<시작태그1><시작태그2></종료태그2></종료태그1>
2) HTML의 특성
HTML문서는 일반 워드 문서 처럼 입력하는 내용 그대로 화면에 출력되지 않는다.
“WebContent” 폴더를 선택하고 마우스 오른쪽 버튼을 눌러 단축메뉴를 나타낸 후 [New]- [Folder]를 선택한다.
각 주제별로 새로운 폴더를 작성하고 작업할 것이다. [New Folder]대화 상자가 나타나면 “html”이라고 입력하여 폴더를 생성한다.
폴더가 생성되면 HTML파일을 추가할 것이다. “html”폴더를 선택한 후 오른쪽 버튼을 눌러 단축메뉴를 나타낸다. html문서처럼 자주 사용하는 컨텐츠는 바로 “New” 메뉴를 선택하면 메뉴에 추가가 되어 있지만 정식 방법은 다음과 같이 [New]-[Other..]메뉴를 선택하고 추가해야 한다.
“New”대화상자의 “Web”그룹에서 “HTML File”을 추가한다. [Next] 버튼을 눌러 파일명을 “test.html”이라 입력한다.
HTML4의 문법을 기본으로 살펴보지만 HTML5문서를 추가하여 작업할 것이다. “Select HTML Template”대화 상자에서 “New HTML File(5)”를 선택하고 [Finish]버튼을 누른다.
HTML문서가 추가되면 다음과 같은 문자열을 입력한다. 두 줄로 입력하기 위해 [Enter]키를 눌러작성한다.
실행하면 두 줄로 출력되지 않고 한 줄로 출력되는 것을 확인할 수 있다. HTML은 문서에 작성 하는 대로 화면이 생성되지 않고 HTML태그가 실행되어 실행결과가 만들어진다.
