공부를 시작하기 전에............

여러분이 인터넷을 하려고 인터넷 익스플로러를 누르는 일!
그건 바로 내가 어떤 웹문서를 볼거라고 멀리있는 서버라는 컴퓨터에 요청을 한 것입니다. 여러분은 요청한 일이 없다구요. 여러분이 꾸~욱 누른 익스플로러라는 브라우저가 대신 해준거지요. 브라우저에는 "홈페이지"라는 것을 설정할 수 있어 처음 요청할 문서를 정해 둘 수도 있습니다.

아무튼 여러분이 익스플로러 화면을 통해 보고있는 내용이 HTML로 제작된 파일입니다.

이러한 걸 보여줄 수 있는 파일을 만드는 일에서 많은 부분을 차지하는 것이 HTML입니다. HTML은 이렇게 보여지는 부분에서 아주 대단한 역할을 담당하고 있죠.

우리가 잘 아는 한글 문서를 보려면 이걸 볼 수 있는 '한글'프로그램이 필요합니다. HTML로 제작된 문서를 보려면 웹브라우저라는 프로그램이 필요하구요. 우리가 많이 사용하는 익스플로러라는 게 바로 이러한 html문서를 화면에 보여 주는 역할을 합니다.
'한글'과 다른 것은 '한글'은 한글문서를 볼 수 있을 뿐 아니라 작성 할 수도 있지만...
브라우저는 작성은 못하고 보기만 한다는 거죠.

HTML문서는 텍스트 파일입니다. 그렇다고 txt 로 저장하면 안됩니다. html 또는 htm 확장자로 저장해야 브라우저가 제대로 보여줍니다. 이런건 약속이니까 지켜주기만 하면 됩니다. 쉽게 메모장에서도 작성이 가능하고, 에디터라고 불리는 전문 프로그램을 이용할 수도 있습니다. 이러한 프로그램으로는 나모,프론트페이지,드림위버등이 있습니다.

HTML의 HT(hyper text) 는 링크걸린 문서라는 말입니다. HTML로 제작된 문서는 해당 문서로 바로 갈 수 있는 링크가 없으면 아무런 일도 되지않습니다.

여러분이 국민은행 홈페이지에 들어갔는데 아무런 링크도, 버튼도, 메뉴도 없다면 아무일도 할 수가 없죠. HTML이란 용어자체에서 보듯이 링크(연결)은 그만큼 중요합니다.

다음에 나오는 ML(markup language) 은 표시언어 라는 뜻입니다. 어릴 때 작문을 많이 해봤을 겁니다. 잘못이 있거나 수정해야할 부분이 있을 경우 ... 어떤 표시를 하죠. 여긴 빨간색이면 좋겠다., 여긴 띄워쓰기를, 여긴 철자가 틀렸다 는 둥 표시를 합니다.

이렇게 HTML은 표시하듯이 사용하는 언어입니다.
"홍길동" 이란 글자를 빨갛게 나타내도록 HTML로 표시를 한다면

<font color="red">홍길동</font>

처럼 표시를 합니다. 그러면 홍길동 처럼 되는 거죠!

표시한다는 의미를 이해하실런지...

HTML은 위와 같은 표시를 하기 위해 많은 태그(TAG)라고 불리는 표시기호를 가지고 있습니다. 위에서 <font> 가 태그에 해당됩니다. 그리고 태그는 여러가지 구성요소를 가지는데 이를 속성이라고 부르죠. 위에서 color가 속성입니다. 속성 또한 자기가 사용할 값을 가져야 의미가 있습니다. 위에서는 red라는 값을 설정했습니다.

여러분이 워드나 한글에서 했던 대부분의 문서 작업을 이러한 태그를 통해서 할 수 있다고 생각하시면 됩니다.

처음부터 에디터(나모,드림위버등) 을 이용하시면 이러한 태그를 잘 모르게 되고 나중에ASP같은 웹프로그래밍을 하는데 어려운을 겪습니다. HTML 태그 사이사이에 ASP코드가 들어가기 때문입니다.

중요한 태그를 익히는데 많은 시간을 요하지 않습니다. 정확한 1픽셀의 오차도 없는 계산된 문서를 제작하려면 처음 시작은 메모장과 타이핑으로 하셔야 합니다.

그럼 시작하세요~~~