Web 기초사항

WWW

• WWW(WOrld Wid Web) : 세계를 뒤덮는 거미줄
• 초기 인터넷에서는 텔넷, FTP, 전자 메일, 유즈넷 등의 문자 위주 서비스
• WWW은 인터넷을 사용하기 쉽도록 하이퍼 텍스트와 그림을 통하여 모든 서비스를 이용할 수 있도록 만든 것

WWW의 동작 원리

 

출처 

출처 : 2013 인피니티 북스 All rights reserved

출처 : 2013 인피니티 북스 All rights reserved

 

클라이언트와 서버

2가지의 기본 프로토콜

• 특정한 파일을 요청하는 HTTP Request
• 찾은 파일을 돌려주는 HTTP Response

 

HTML

• HTTP(Hyper Text Markup Language)은 웹 페이지를 기술하기 위한 마크업(markup)언어
• 마크업 언어는 텍스트에 태그를 붙여서 텍스트가 문서의 어디에 해당하는지를 기술한 것
• 참고 사이트 : https://devdocs.io/html

 

예)

<title> Web Programming </title> 

<title> = 시작태그

</title> 종료태그

전부 HTML 요소다.

 

웹 브라우저

• HTML 문서를 읽어서 눈에 보이는 웹 페이지를 만든다.

출처 : 2013 인피니티 북스 All rights reserved

 

HTML5 + CSS3 + JavaScript

• 웹 페이지의 내용은 HTML5로 작성
• 웹 페이지의 스타일은 CSS4로 지정
• 웹 페이지의 상호작용은 자바스크립트로 작성

한국의 2019년 브라우저 점유율

출처 : https://www.koreahtml5.kr/front/stats/browser/browserUseStats.do

 

요소(element)

• 시작 태그와 종료 태그로 이루어진 문서의 구성 요소
• 요소 = (시작 태그 + 콘텐츠 + 종료 태그)

출처 : 2013 인피니티 북스 All rights reserved

 

속성

• 요소에 대한 추가적인 정보를 제공
• 속성은 항상 시작태그에 이름="값" 형태로 기술된다.

출처 : 2013 인피니티 북스 All rights reserved