본문/내용
월드 와이드 웹(World Wide Wed)의 개념, 월드와이드웹(WWW)의 구성요인과 작동원리
목차
* 월드 와이드 웹(World Wide Wed)
Ⅰ. 월드와이드웹(WWW)의 개념
1. 하이퍼텍스트의 개발
2. HTML 개념
1) 정의
2) 구조
3. 하이퍼텍스트 그래픽 인터페이스
Ⅱ. 월드와이드웹(WWW)의 구성요인과 작동원리
1. 월드와이드웹(World Wide Wed)의 구성 요인
1) 브라우저
2) 플러그 인
3) 웹 서버
4) 스크립트
2. 월드와이드웹(World Wide Wed)의 작동 원리
월드 와이드 웹(WWW-World Wide Web)
1. 월드와이드웹(www)의 개념
World Wide Web(웹)은 1990년에 출현하였으나 1993년 최초의 브라우저인 모자익
(Mosaic)이 등장하기 전까지는 이에 대한 반응이 전혀 없었고 모자익의 등장 이후 변하
기 시작했다. Andreessen을 위시한 일리노이 대학생들에 의해 만들어진 모자익의 사용
자 중심의 그래픽 사용자 인터페이스는 진정한 킬러앱(Killer application)으로서 모든
사람들에게 인터넷과 웹에 접근할 수 있도록 해 주었다. Andreessen은 모자익 통신회사
를 설립하였는데 이것이 이후 넷스케이프 통신 회사로 바뀌고 1994년에 웹 브라우저인…
L이 대표적인 웹 언어로 사용되는 이유는 다음과 같다.
? 파일 크기가 작아 네트워크상에서 빠르게 전송가능
? 문법과 구조를 배우기 쉬움
? 대소문자를 구별하지 않음
? 컴파일이 필요 없음
? 운영체제에 구애받지 않고 사용이 가능
(2) 구조
HTML은 문자에 붙여진 태그(tag)라는 코드를 포함하는 언어이다. HTML문서의 형
태는 아래의 그림과 같이 이루어져 있다. 태그는 `<` 와 ` >` 사이에 들어가는 명령문으
로, 대부분 시작 태그와 종료 태그의 짝을 이루고 있다. 시작 태그와 종료 태그 사이에는
표현하고자 하는 내용이 들어가게 된다. 종료 태그는 시작 태그와 같으나 태그 앞에 /를
넣어 종료 태그임을 나타내 준다.
태그의 구조
HTML의 기본 구조는 아래의 그림과 같이 로 시작해서 로 끝나며 이
사이에 페이지의 머리글, 본문 등을 나타내는 태그들이 포함되어 있다.
HTML의 기본 구조
다음은 HTML을 활용한 화면이다. 아래의 그림을 통해 태그를 이해해 보도록 하자.
위의 그림이 만들어지기 위해서는 HTML의 기본 구조의 HTML 기본구조에 여러 가지 태그를 활용하면 가능하다. 위의 그림은 아래 그림의 태그를 활용하여 만들어진 것이다.
HTML 화면의 소스
위의 그림의 태그를 설명해 보면 다음과 같다. Head 부분의
...은
HTML의 제목을 쓰는 태그이다. Body 부분에서 글자들에 관련된 부분은
...라는 태그를 활용하면 되는데 글자의 크기에 관련된 속성으로 size를,
글자색에 관련된 속성으로 color라는 속성을 활용하였다. Body부분의 그림은 라
는 태그를 활용하면 된다. 그림의 경로를 지정하기 위해 src=`그림파일의 위치"를 삽입
해 주고 그림의 가로 길이를 정하기 위해 width 그림의 높이를 정하기 위해 height라는
속성을 사용하였다. HTM