3.HTML기초

3.1 전체 구조

일반적인 HTML 문서는 다음과 같은 형식을 띄고 있다.

<!- TEST HTML ->
<HTML>
<HEAD>
<TITLE>Title</TITLE>
</HEAD>

<BODY>
<H1>This is my first HTML Document</H1>
</BODY>
</HTML>

이를 메모장과 같은 곳에서 작성하여 저장한 뒤에 브라우저로 읽어들이게 되면, 다음과 같이 보이게 된다.

Explorer로 읽어들인 예로, 제목에 Title이라고 찍히고, 내부에 "This is my first HTML Document"라는 문자가 찍힌 것을 확인할 수 있다.

Tag의 대소문자구분 HTML의 Tag는 문서의 내용과 구분하기 위하여 대문자를 사용하는 것이 일반적이긴 하나, 브라우저에서는 Tag의 대소문자를 구분하지는 않는다. 그리고, HTML문서를 작성할 때도 HTML Tag를 모두 대문자로 작성하는 것 역시 고역이다.

HTML문서에는 다음과 같은 특성이 있다.

HTML문서내부의 공백이나 Tab은 무시된다.
대부분의 Tag는 시작부분과 끝부분이 있다.

물론 예외는 있다. 공백의 개수를 여러개 인식시키기 위해서는 <PRE></PRE>라는 Tag를 사용하거나 공백을 의미하는 특수문자( )를 넣어서 처리할 수도 있다. 두 번째에 대한 예외로 <P><BR><HR>과 같은 Tag는 하나만 사용하기도 한다.

다음은 위에서 보여졌던 Tag에 대하여 간략히 설명한 것이다.

HTML : 현재의 파일이 HTML임을 말한다
HEAD : HTML문서의 시작부분으로 HTML문서의 정보를 담는 부분이다.
BODY : HTML문서의 실제 내용부분으로 이부분에 작성된 것이 브라우저에 나타나게 된다.
TITLE : 브라우저 상단에 나타나는 HTML문서의 제목(Title).
H1 : 큰제목( H1에서 H6까지 있다. H1이 가장 큰 글자)
<!- comment -> : Comment 즉, 주석문으로 브라우저에 나타나지 않는다.

HEAD / BODY HTML문서의 내용은 크게 head부분과 body부분으로 구분된다. 그렇다고 전송될 때 따로 되는 것은 아니고 단지 문서의 내용에 대한 저자나 키워드, setting정보같은 부분은 HEAD에 넣고, BODY에는 실제로 화면에 출려되는 부분만을 담는 것이 기준이라면, 기준이다.

- Last Update : 2001.6.19 by Deadfire(http://www.deadfire.net)

HTML 강좌

HTML이란?

웹서버 작동원리

HTML 기초
     - 전체 구조
     - 기본 태그
     - 속성 추가
     - Link/Anchor
     - 목록 Tag
     - 문자와 스타일
     - 기타 Tag
     - 특수 문자 표기
     - 이미지 표기
HTML 활용
     - Table
     - Frame
     - Form
     - Elements
기 타
     - MIME Type
     - 이미지 맵
     - 클라이언트 풀
마치며