▒
HTML이란?
HTML(Hyper Text Markup Language)이란 WWW에서 볼 수 있는 문서를 만들기 위한 일종의
표준 언어입니다.
일반적인 텍스트로 되어 있으며 태그(Tag)를 통해 웹브라우저로 보이는 모양을 나타냅니다.
파일 확장자는 .html
또는 .htm입니다.
▒ HTML의
특징
1. HTML은 웹문서의 표준 포맷 입니다.
2. HTML 문서는 Markup
언어 입니다.
Markup 언어는 일반 텍스트 형식에서 문서 중간 중간에 문자나 문장의 형태에 대한 명령 표식(Tag)을
덧붙임으로써 문서의 형식을 규정합니다. HTML 문서는 일반문서의 문서형식을 지정하는 간단한 영문 태그가 첨가되어 텍스트로 저장되어 파일 용량이
매우작아서 서버와 클라이언트 사이의 전달되는 문서로 적당합니다. 즉, 용량이 작아 상당히 빠르게 전달되며, 그 기능은 놀라운 특징을 가지고
있습니다.
3. HTML 문서는 ASCII코드로 구성된
일반적인 텍스트 파일 입니다.
HTML 문서작성은 HTML 문법을 알기만 하면 시중의 어느
텍스트 편집기를 이용하여도 작성할 수 있습니다. 자신에 가장 익숙한 문서 편집기를 선택하는 것이 좋으며 또한 되도록 스크린 에디터로서 한글을
사용하는 데 문제가 없는 문서편집기를 선택하면 됩니다.
요즈음은 HTML 문서를 더욱 편리하게 작성할 수 있는 HTML 전용 에디터도 많이
등장하고 있습니다. 윈도우에서 제공하는 메모장을 이용할 수도 있으며, 아래한글 워드프로세서에서는 문서를 저장할 때 아스키 파일 완성형을 선택하면
됩니다.
4. 컴퓨터 시스템이나 운영체제에
독립적입니다.
기존 문서들은 특정한 운영체제나 프로그램에서만 사용할 수 있도록 그 용도가 국한되어 있습니다. 예를 들어 아래한글
워드프로세서에서 작성한 문서는 아래한글에서만 불러 들일 수 있어 매우 불편합니다. 그러나 HTML로 작성된 문서는 어떤 컴퓨터 기종의 어떤
브라우저에서든지 원래 작성한 모습으로 보여줄 수 있습니다.
5. HTML문서는 텍스트(Text),태그(Tag),스크립트(Script)의 세요소로 이루어져
있습니다.
스크립트는 간단한 명령들의 집합으로, 본격적인 프로그래밍 언어에 비하면 간단한 사용법과 쉬운 문법을 가지고 있으며,
HTML4.0 에서는 스크립트를 HTML 규약의 일부로 인정하고 있습니다.
▒ HTML 문서의 작동원리
HTML 문서가 저장되어 있는 컴퓨터에서 그것을 보고자 하는 컴퓨터에게 익스플로러와 넷스케이프와 같은 브라우저를 통해 전송되어
우리들에게 보여지는 것입니다.
HTML 문서를 가지고 있는 컴퓨터를 서버 즉, '웹서버'라 하고, 웹 서버에 접속해서 HTML
문서를 보고자 하는 컴퓨터를 '클라이언트 컴퓨터'라고 합니다.
자신의 컴퓨터로 웹 서버의 주소를 브라우저에 입력한 후 필요할 때 원하는
결과를 웹 서버를 이용해 컴퓨터로 가져옵니다.
이때 브라우저의 역할은 HTML 문서를 해석해서 보여주는
것입니다.
▒ HTML 문서의 구성요소
HTML 문서는 다음 4가지 종류의 코드들의 집합체입니다.
1. 요소(Elements)
요소란 태그에 포함된 가장 중요한 부분을 말하는 것으로,
태그의 의미를 결정하는 역할을 합니다. 시작태그와 종료태그를 가질 수 있으며 태그사이에 텍스트나 다른 요소를 가질 수 있습니다.
예를 들어
<TITLE>, <BODY>는 태그인 반면에 TITLE이나 BODY는 요소라고 부룹니다. <IMG>처럼
시작태그만 있는 요소도 있습니다.
2. 태그(Tags)
태그란 "<"기호와
">"기호로 둘러 쌓인 문서의 중간에 붙여주는 일종의 꼬리표입니다. 태그에는 시작태그와 종료태그 두 종류가 있습니다.
시작태그는 요소를 시작하며 종료태그는 요소를 끝냅니다. 물론 모든 요소들이 종료태그로 끝나는 것이 아닙니다. 예를 들어
<TITLE>로 시작한 제목요소는 </TITLE>라는 종료태그를 갖는 복합태그이지만, 앞에서 말씀드린 데로 이미지 요소인
<IMG>는 종료태그를 갖지 않는 단독태그입니다.
3.
속성(Attributes)
속성은 요소의 시작태그 내에 사용하는 것으로 명령을 구체화시키는 것입니다. 예를 들어 텍스트의
폰트 지정을 위해 사용하는 <FONT>....</FONT>요소는 SIZE, COLOR, FACE 등의 속성을
갖습니다.
<FONT SIZE = 5>처럼 시작태그 내에 사용되며 속성과 변수사이에는 "="라는 부호를 사용하여 연결합니다.
속성은 보통변수를 갖지만 NOSHADE 등 일부 속성은 변수를 갖지 않습니다.
4.
변수(Arguments)
변수는 속성과 관련된 값을 말 합니다. <BR CLEAR = "left">에서 " "내에는
right나 all도 사용될 수 있는 데, 이들은 속성 CLEAR의 변수이며 속성과 변수는 등호(=)에 의해 구분됩니다. 변수 중에는
변수를 " "내에 넣는 것과 SIZE = 5처럼 넣지 않는 것이 있으므로 속성마다 사용여부를 잘 알아두어야
합니다.
'IT_Programming > HTML&CSS' 카테고리의 다른 글
| 기본태그 요약정리 (0) | 2006.04.24 |
|---|---|
| 글꼴 사용하기 (0) | 2006.04.24 |
| HTML 문서의 기본구조 (0) | 2006.04.24 |
| innerHTML, outerHTML, insertAdjacentHTML (0) | 2006.04.24 |
| innerHTML, outerHTML (0) | 2006.04.24 |