[HTML5] 2. 웹 문서 + URL + HTTP + 웹 페이지의 구성 3요소 + 실제 웹페이지 구현해보기

2. 웹 문서 + URL + HTTP + 웹 페이지의 구성 3요소 + 실제 웹페이지 구현해보기

 

 

 

# 웹 문서

-> HTML 언어로 작성/웹 브라우저로 보기

-> 웹 문서는 페이지 단위로 파일에 분할하여 저장, 각 페이지는 하이퍼링크( 다른 웹 페이지의 주소를 가진 텍스트 정보 )로 연결

 

 

# 웹 페이지

-> 이미지, 동영상, 그래픽 등은 별도의 파일로 저장하고, 텍스트만 저장한다.

-> 웹 페이지에 이미지, 그래픽, 동영상 파일의 이름으로 연결

 

 

 

 

# 웹 페이지의 주소, URL(Uniform Resource Locators)

 

http://  www.oracle.com  :80/  technetwork/java/  index.html

 

- 프로토콜 : HTTP, https, file, telnet, news, mailto 등

- 서버주소 : 웹 페이지를 가진 컴퓨터의 인터넷 주소, IP 주소

- TCP/IP 포트 번호 : 서버가 브라우저로부터 접속을 기다리는 TCP/IP 포트 번호.

                                 -> 프로토콜마다 다르다. ( ex. telnet은 23, HTTP의 경우는 80 )

- 경로명 : 웹 서버 내 웹 페이지 파일의 폴더 경로

- 파일명 : 웹 페이지의 HTML 파일의 이름

 

 

 

 

# 웹 브라우저와 웹 서버 사이의 통신, HTTP

- HTTP(HyperText Transfer Protocol) 세션 : 1~5 사이의 과정

1. 웹 서버 연결 요청

2. 웹 서버에 연결 수락

3. HTML 페이지 요청

4. HTML 페이지 읽기

5. HTML 페이지 전송

6. HTML 페이지 해독 및 출력

 

 

 

# 웹 페이지의 구성 3요소

1. 웹 페이지의 구조 & 내용 -> HTML(HyperText Markup Language) 통해 구현

2. 웹 페이지의 모양 -> CSS (Cascading Style Sheet) 이용해 구현

3. 웹 페이지의 행동 및 응용 프로그램 -> Javascript 통해 구현