1.1 HTML의 역사

오늘날 거의 모든 사람들이 인터넷을 사용합니다. 기사를 읽고, 브라우저를 사용하고, 링크를 따라가세요. 그리고 그들 중 소수만이 인터넷이 언제, 누구에 의해 발명되었는지 궁금해하고 있습니까?

그것은 여전히 ​​당신이 인터넷이라고 부르는 것에 달려 있습니다. 대부분의 경우 평신도는 한 가지를 의미하고 기술자는 다른 것을 의미합니다. 세계 최대의 데이터 센터를 연결하는 컴퓨터 네트워크는 70년대에 만들어졌습니다. 그러나 평범한 사람이 접근할 수 있는 인터넷(브라우저, 링크, 모든 종류의 페이지)은 90년대 초반에 한 사람에 의해 발명되었습니다 . 그리고 이랬다...

1990년대 초 영국인 Tim Berners-Lee는 인터넷을 발명했습니다. 그럼에도 불구하고 그가 발명한 것은 웹이라고 부르는 것이 더 정확합니다. World Wide Web그는 www월드 와이드 웹이기도 합니다. 예, 한 사람이 월드 와이드 웹을 발명했습니다.

1986년부터 1991년까지 그는 CERN 연구 센터(스위스 제네바 소재)에서 새로운 과학 문서 표준에 대해 작업했습니다. 아시다시피 과학자들은 과학 논문을 기사 형태로 출판하고 기사 끝에 사용된 문헌 목록을 표시하는 것이 관례입니다. 즉, 과학적 지식은 서로 링크가 있는 기사의 목록입니다.

Java university

그건 그렇고, 현대 Wikipedia는 제작자가 World Wide Web을 본 ​​방식과 매우 유사합니다 . 서로 링크가있는 과학 기사, 사용 된 출처 및 문헌 목록입니다. 그리고 Tim이 운이 좋았다면 웹은 여전히 ​​이와 같을 것입니다. 하지만 더 밝은 미래로 가는 길에 세상은 어딘가에서 잘못된 길을 가고 있었습니다 :)

웹은 세 가지 기술을 기반으로 합니다.

  • HTML-page, 여기에는 텍스트, 그림 및 다른 링크가 포함되어 있습니다.HTML-pages.
  • HTML-page• 가장 인간 친화적인 방식으로 표시되는 브라우저 .
  • • 프로토콜 http- 웹 서버가 브라우저 및 서로 통신하기 위한 표준입니다.

Tim Berners-Lee는 이러한 것들을 표준화한 만큼 발명하지는 않았습니다. HTML- 표준을 기반으로 작성되었습니다 SGML. 태그도 거기에서 빌렸습니다. 그러나 Tim이라는 세계 최초의 웹 브라우저는 WorldWideWeb1990년에 직접 작성했습니다.

1.2 HTML은 프로그래밍 언어가 아닙니다

HTML그것은 프로그래밍 언어가 아니며 결코 없었습니다. 그런 말 절대 하지마. 이력서를 작성하더라도 HTML프로그래밍 언어 섹션에는 절대 표시하지 말고 도구(기술) 섹션에만 표시하십시오. 이력서에 프로그래밍 언어를 안다고 적는 것은 큰 실수입니다 HTML. 왜?

HTML그리고 문서용 마크업 언어라는 점입니다 . 매우 단순화하면 HTML-document그림, 표, 링크 등이 삽입된 텍스트(문서)입니다.

다음과 같은 기사를 작성하고 싶다고 가정해 보겠습니다.

  • 기사 제목(제목).
  • 한 단락으로 구성된 기사 자체.
  • 그림.
  • 굵게 표시하고 싶은 몇 가지 중요한 진술.
  • 기사 중간에 몇 가지 유용한 정보에 대한 링크를 제공하십시오.

다음은 이 문서가 브라우저에서 어떻게 보이는지입니다.

국내 고양이

과학적 분류학의 관점에서 집고양이는 식육목 고양이과 의 포유류 입니다. 종종 집 고양이는 숲 고양이의 아종으로 간주되지만 현대 생물학적 분류학(2017)의 관점에서 집 고양이는 별도의 생물 종입니다 .

꽤 좋아, 그렇지? 그리고 표준을 HTML통해 이 문서를 사람과 컴퓨터 모두가 읽을 수 있도록 만들 수 있습니다. 다음과 같이 표시됩니다 HTML-standard.

<h1> 국내 고양이 </h1>

과학적 분류학의 관점에서 집고양이는 식육목 고양이과의 <a href=”/”> 포유류 </a> 입니다. 종종 집 고양이는 숲 고양이의 아종으로 간주되지만 현대 생물학적 분류학(2017)의 관점에서 집 고양이는 <b> 별도의 생물학적 종입니다 </b> .

<img src=”고양이.jpg”>

사람과 컴퓨터(브라우저) 모두가 이해할 수 있는 기사 텍스트 ( 빨간색으로 강조 표시됨)에 특수 태그가 추가되었습니다. 브라우저는 독자를 위해 기사를 아름답게 표시할 수 있으며 기사 작성자는 쉽게 편집할 수 있습니다.

1.3 HTTP 프로토콜의 등장

약어는 Hypertext Document Markup Language HTML의 약자입니다 . Hyper Text Markup Language하이퍼텍스트는 서로 연결된 페이지로 구성된 문서입니다. 이게 뭐야 http?

HTTPHypertext Transfer Protocol(표준)을 나타냅니다 Hyper Text Transfer Protocol. http또는 https열려 있는 페이지에 대한 링크를 복사하려고 하면 브라우저의 주소 표시줄에서 볼 수 있습니다.

일반적인 페이지 링크는 다음과 같습니다.

http://google.com/logo.jpg

링크 맨 앞에는 프로토콜 이름이 있고 그 뒤에 콜론과 두 개의 슬래시가 있습니다. Tim Bernes-Lee는 한 인터뷰에서 프로토콜이 http그렇게 인기가 있을 줄 알았다면 더 짧은 것을 생각해냈을 것이라고 말한 적이 있습니다. (결국 세상의 거의 모든 링크는 단어 http://또는 로 시작합니다 https://)

브라우저로 돌아가 봅시다. 브라우저가 요청하면 html-page서버에 텍스트 파일(요청)을 보내고 다른 텍스트 파일(응답)을 받습니다. 이 작동 모드를 클라이언트-서버라고 합니다.

먼저 핵심 정보가 있는 줄이 있고 서비스 정보가 있는 줄이 있습니다. 텍스트 쿼리의 첫 번째 줄은 템플릿에 의해 제공됩니다.

MethodURI  HTTP/Version

CodeGym 사용자의 개인 페이지는 링크로 제공됩니다.

https://codegym.cc/me

http-request브라우저는 다음과 같습니다.

GET /me  HTTP/1.0 
Host: codegym.cc

응답으로 서버는 대부분 보낼 것입니다.

HTTP/1.0 200 OK
<html>page text...

응답 텍스트의 첫 번째 줄은 http 프로토콜 버전과 응답 상태(200, OK) 입니다 . 그런 다음 빈 줄이 나오고html-page 브라우저가 요청한 텍스트 형식의 줄이 나옵니다 . 모든 것이 매우 간단합니다 :)