본문 바로가기
방통대/HTML5

1-1 웹(World Wide Web)

by 꿈꾸는 몽나 2024. 2. 25.
728x90

인터넷 : 전 세계적으로 연결되어 있는 컴퓨터 네트워크 시스템

 

World Wide Web("웹") by Tim Berners-Lee 

: 하이퍼링크 개념과 GUI를 사용하여 다양한 형태의 데이터와 정보에 접근할 수 있는 인터넷 서비스

: HTML로 작성된 웹 문서를 HTTP 프로토콜 기반으로 브라우저를 통해서 내려 받아서 읽을 수 있도록 구성됨

*인터넷 != 웹 : 인터넷의 서비스 중 하나가 웹이다.

 

 

 

웹 관련 용어

웹 사이트 : 웹 페이지들의 의미 있는 묶음

웹 문서(HTML 문서) : 브라우저로 볼 수 있는 형식의 문서

웹 페이지 : 각 브라우저 창에 표시되는 개별적인 문서

  *하나의 웹 문서는 주제/내용에 따라 여러 웹 페이지 파일로 구분/작성

 

하이퍼텍스트 : 단위 텍스트들과 이를 결합하는 하이퍼링크로 구성된 텍스트

웹 서버 : 웹 서비스를 제공하는 컴퓨터 시스템

웹 클라이언트 : 웹 서비스를 제공받아 사용하는 사용자/시스템

  *웹은 서버-클라이언트 구조에서 동작

 

HTTP : 웹 서버와 웹 클라이언트 간의 필요한 데이터를 주고 받기 위한 통신 규약

             *사용자/웹브라우저 -> URL 입력 -> DNS 서버 -> IP 주소변환

             *전달받은 웹 주소로 사용자/웹 브라우저 -> HTML 페이지 요청 -> 웹 서버 -> 페이지 요청 -> index.html -> 페이지 전송 -> 웹 서버 -> HTML 파일 전송 -> HTML 요소 분석 및 변환이 되어 사용자/웹브라우저에 보여짐

             *웹 서버와의 연결을 요청하는 과정부터 웹 페이지를 사용자에게 전달하는 과정을 HTTP 세션이라고 한다.

 

 

 

웹 페이지의 구성

HTML : 웹 페이지의 구조내용 정의 (제목, 장, 절, 텍스트, 이미지, 표 등)

CSS : 웹 페이지의 출력 모양디자인 정의 (글자체, 크기, 색상, 여백, 배경색 등)

JavaScript : 웹 페이지의 동작상호작용을 담당 (이벤트 및 요소에 대한 동적 처리 등)

728x90

'방통대 > HTML5' 카테고리의 다른 글

2-3 하이퍼링크 표현  (0) 2024.03.02
2-2 이미지 표현  (0) 2024.03.02
2-1 리스트 표현  (0) 2024.03.02
1-3 HTML 요소 : 텍스트 표현  (0) 2024.02.25
1-2 HTML 문서  (1) 2024.02.25