1.1 월드와이드웹(World Wide Web : WWW)이란 무엇인가?
월드와이드웹,Web은 정보의 망입니다.
web이란 단어에서 알 수 있듯이 거미줄 같이 얽혀 있는 정보의 망입니다.
웹(web)은 다음과 같은 세 가지의 요소에 의해 운영됩니다.
- 정보를 제공하는 위치를 표시하는 주소 : URL
- 웹을 통해 정보에 접근하는 약속(protocol) : http
- 정보 사이를 쉽게 이동하게 하는 Hyertext : HTML
URL이란 무엇인가?
URL은 다음의 세가지로 구성된다.
- 정보에 접근할 때 사용되는 방법에 대한 이름
- 정보를 제공하는 장치의 이름
- 특정 경로에 주어지는 정보 자체의 이름
서버와 웹브라우저간의 정해진 통신약속이 있으며, 이를 Hyper Text Transfer Protocol(줄여서 http)이라고 합니다.
웹브라우저의 주소창에 홈페이지 주소를 적을 때 http://www.zerois.net/goodboy/doc.html 과 같은 형태로
주소가 적어 집니다.
이러한 주소입력은 웹브라우저에게 ‘하이퍼텍스트 전달 약속(protocol)에 의해 zerois.net이란 도메인 주소를 가지는
서버에서 /goodboy이란 경로 아래의 doc.html이란 HTML 문서를 가져오라'는 명령을 입력하는 것과 동일합니다.
이와 유사하게 HTML문서에 포함되는 mailto나 ftp 같은 것은 각각 email과 FTP 서비스를 위한 프로토콜입니다.
간단히 정리하자면, hyertext로 이루어진 문서가 HTML 문서이며, 이것은 약속된 기호로 만들어 집니다.
1.2 HTML 의 기초
1.2.1 HTML이란?
HTML 이란 Hyper Text Markup Language의 약자이며, 번역하면 하이퍼텍스트 문서를 만들기 위한 언어 입니다.
사전적 의미로서의 hypertext란 다음과 같이 정의 되어 집니다.
"hypertext [haiptekst] n.【컴퓨터】하이퍼 텍스트 ((특정한 단어가 다른 단어나 또는
데이터베이스와 연결되어 사용자가 관련 문서를 넘나들며 검색이 가능한 텍스트))"
즉, 여러 문서들이 연결되어 서로 참조하여 볼 수 있게 되는 것을 의미 합니다.
MS워드나 아래아 한글과 같은 문서 편집기에서는 각기 해당되는 특유의 문서파일을 생성 할 수 있습니다. 각각 .doc, .hwp 라는 확장자를 가지며,
자기 자신의 문서편집기인 MS워드와 아래아 한글 프로그램에서 원래 형태로 볼 수 있습니다.
이와 비슷하게 HTML문서는 익스플로러나 넷스케이프와 같은 웹브라우저에서 볼 수 있게 만들어진 문서이며,
확장자는 .htm 혹은 .html을 가집니다.
HTML 문서도 MS워드나 아래아 한글 문서처럼 사진, 그림, 동영상, 소리 등을 삽입하여 만들 수 있습니다.
HTML 문서의 표준은 CERN이란 기구에서 개발한 것이지만 지금은 HTML에 대한 표준을 W3C란 곳에서 발표하고 있습니다.
위에서 말한 표준은 웹브라우저에 거의 공통적으로 적용되나, 익스플로러나 넷스케이프에서만 적용되는 고유한 명령어들이
존재합니다.
이는 위에서 말한 HTML 표준을 지키지 않은 데서 비롯된 것입니다.
그러나, 대부분의 태그는 양쪽 브라우저에서 사용이 되므로 크게 문제가 될 것은 없습니다.
웹브라우저는 ‘파일명.html'이란 형식을 읽어 들이게 되면 정해진 약속(표준)대로 문서를 해석하여 사람이 보기 편하게
화면상에 출력하여 줍니다.
태그코드문서 → 웹브라우저(해석기) → 일반문서
웹브라우저란 위의 그림과 같이 코드로 된 HTML 문서를 사람이 쉽게 볼 수 있는 형태로 바꾸어 주는 해석기의 역할을 수행
합니다.
그럼 html문서의 생성은 어떻게 할까요? html문서 제작을 위한 고유 편집기는 없습니다.
정해진 표준대로 문서를 text형태로 써주고 파일 이름을 ‘파일명.html' 이라고 저장하면 웹브라우저의 해석기에 의해 읽혀 집니다.
그러나, 최근에는 이러한 표준의 사용을 정형화하여 만든 프로그램이 ‘웹 에디터' 라는 제품으로 나오는데,
그 대표적인 것인 제품이 ‘나모 웹에디터' 와 ‘드림위버' 등이 있다.
하지만, html문서 작성에는 이런 비싼 웹에디터 프로그램이 반드시 필요한 것이 아니며,
윈도우에 내장되어 있는 메모장 프로그램과
웹브라우저 만 있으면 가능합니다.
HTML문서를 작성하는 방법을 정리하면 다음 3가지 방법이 모두 가능합니다.
① 텍스트 기반에서 하는 방법
② 일반 문서 작성 프로그램으로 하는 방법
③ 전용 웹에디터로 하는 방법
기초를 배우는 입장에서는 먼저 ① 텍스트 기반의 방법을 통해 배우는 것이 HTML을 이해하는데 많은 도움이 됩니다.
이후에 화려한 홈페이지를 빠른 시간에 작성하고자 할 때 2번 혹은 3번의 방법을 이용하면 됩니다.
|
