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를 사용하거나 공백을 의미하는 특수문자(&nbsp;)를 넣어서 처리할 수도 있다. 두 번째에 대한 예외로 <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
     - 이미지 맵
     - 클라이언트 풀
마치며

Copyright ⓒ 1997 ~, Deadfire Program Master