1.1 Kasaysayan ng HTML

Sa panahon ngayon, halos lahat ng tao ay gumagamit ng Internet. Magbasa ng mga artikulo, gumamit ng browser, sundin ang mga link. At iilan lamang sa kanila ang nagtataka kung kailan at kanino naimbento ang Internet?

Depende pa rin kung ano ang tawag mo sa Internet. Kadalasan, ang karaniwang ibig sabihin ng isang bagay, at ang technician ay nangangahulugang isa pa. Ang network ng computer na nagkokonekta sa pinakamalaking data center sa mundo ay nilikha noong 70s. Ngunit ang Internet na naa-access ng isang ordinaryong tao (browser, mga link, lahat ng uri ng mga pahina) ay naimbento ng isang tao noong unang bahagi ng 90s . At naging ganito...

Noong unang bahagi ng 1990s, naimbento ng Briton na si Tim Berners-Lee ang Internet. Bagaman, gayunpaman, ang kanyang naimbento ay mas tamang tinatawag na Web:, World Wide Websiya ay www, siya rin ang World Wide Web. Oo, isang tao ang nag-imbento ng World Wide Web.

Mula 1986-1991 nagtrabaho siya sa CERN Research Center (sa Geneva, Switzerland) sa isang bagong pamantayang pang-agham na dokumentasyon. Nakikita mo, kaugalian para sa mga siyentipiko na mag-publish ng mga siyentipikong papel sa anyo ng mga artikulo, at sa dulo ng mga artikulo ay ipahiwatig ang listahan ng ginamit na panitikan. Sa madaling salita, ang siyentipikong kaalaman ay isang listahan ng mga artikulo na may mga link sa bawat isa.

Java university

Sa pamamagitan ng paraan, ang modernong Wikipedia ay lubos na kahawig kung paano nakita ng lumikha nito ang World Wide Web : mga artikulong pang-agham na may mga link sa isa't isa, isang listahan ng mga mapagkukunan at literatura na ginamit. At kung papalarin si Tim, magiging ganito pa rin ang web. Ngunit sa daan patungo sa isang mas maliwanag na hinaharap, ang mundo ay nagkamali sa isang lugar :)

Ang web ay batay sa tatlong teknolohiya:

  • HTML-page, na naglalaman ng teksto, mga larawan, at mga link sa iba paHTML-pages.
  • • Isang browser na nagpapakita HTML-pagesa pinaka-kagiliw-giliw na paraan ng tao.
  • • Protocol http- isang pamantayan para sa mga web server upang makipag-ugnayan sa mga browser at sa isa't isa.

Si Tim Berners-Lee ay hindi masyadong nag-imbento ng mga bagay na ito dahil siya ay nag-standardize sa mga ito. HTML- ay nilikha batay sa pamantayan SGML. Ang mga tag ay hiniram din mula doon. Ngunit ang unang web browser sa mundo na tinatawag na WorldWideWebTim ay sumulat sa kanyang sarili, at noong 1990.

1.2 Ang HTML ay hindi isang programming language

HTMLito ay hindi isang programming language at hindi kailanman naging. Huwag na huwag mong sasabihin iyan. Kahit na magsulat ka ng resume, huwag ipahiwatig HTMLsa seksyon ng mga programming language, sa seksyon lamang ng Mga Tool (teknolohiya). Ito ay isang malaking pagkakamali na isulat sa iyong resume na alam mo ang isang programming language HTML. Bakit?

At ang bagay ay HTMLisa itong markup language para sa mga dokumento. Kung pasimplehin natin ito, kung gayon HTML-documentito ay isang teksto (dokumento) na may mga larawan, talahanayan, link, atbp. na nakapasok dito.

Sabihin nating gusto mong magsulat ng isang artikulo na:

  • Pamagat ng artikulo (pamagat).
  • Ang artikulo mismo, na binubuo ng isang talata.
  • Larawan.
  • Ilang mahahalagang pahayag na gusto mong ilagay sa bold.
  • Sa gitna ng artikulo, magbigay ng link sa ilang kapaki-pakinabang na impormasyon.

Narito ang magiging hitsura ng dokumentong ito sa browser:

alagang pusa

Mula sa pananaw ng siyentipikong taxonomy, ang domestic cat ay isang mammal ng pamilya ng pusa ng carnivora order. Kadalasan, ang isang domestic cat ay itinuturing bilang isang subspecies ng forest cat, gayunpaman, mula sa punto ng view ng modernong biological taxonomy (2017), ang domestic cat ay isang hiwalay na biological species .

Medyo maganda, tama? At HTMLpinapayagan ka ng pamantayan na gawing nababasa ang dokumentong ito para sa parehong mga tao at mga computer. Narito ang hitsura nito sa HTML-standard:

<h1> Domestic cat </h1>

Mula sa pananaw ng siyentipikong taxonomy, ang alagang pusa ay <a href=”/”> isang mammal </a> ng pamilya ng pusa ng carnivora order. Kadalasan, ang isang domestic cat ay itinuturing bilang isang subspecies ng forest cat, gayunpaman, mula sa punto ng view ng modernong biological taxonomy (2017), ang domestic cat <b> ay isang hiwalay na biological species </b> .

<img src="cat.jpg">

Ang mga espesyal na tag ay idinagdag sa teksto ng artikulo (naka-highlight sa pula ), na naiintindihan ng isang tao at isang computer (browser). Maaaring ipakita ng browser ang artikulo nang maganda para sa mambabasa, at madaling mai-edit ito ng may-akda ng artikulo.

1.3 Ang paglitaw ng HTTP protocol

Ang abbreviation HTMLay kumakatawan sa Hyper Text Markup LanguageHypertext Document Markup Language. Ang hypertext ay isang dokumento na binubuo ng mga pahina na nag-uugnay sa isa't isa. Ano ito http?

HTTPnangangahulugang Hyper Text Transfer ProtocolHypertext Transfer Protocol (standard). httpo httpsmakikita mo sa address bar ng browser kung susubukan mong kopyahin ang link sa bukas na pahina.

Ang isang karaniwang link ng pahina ay ganito ang hitsura:

http://google.com/logo.jpg

Sa pinakadulo simula ng link ay ang pangalan ng protocol, na sinusundan ng colon at dalawang forward slash. Minsang sinabi ni Tim Bernes-Lee sa isa sa kanyang mga panayam na kung alam niya na ang protocol httpay magiging napakasikat, magkakaroon siya ng isang bagay na mas maikli. (pagkatapos ng lahat, halos lahat ng mga link sa mundo ay nagsisimula sa salita http://o https://)

Bumalik tayo sa mga browser. Kapag humiling ang isang browser html-page, nagpapadala ito ng text file (kahilingan) sa server at tumatanggap ng isa pang text file (tugon) bilang kapalit. Ang mode ng operasyon na ito ay tinatawag na client-server.

Una, may mga linya na may pangunahing impormasyon, pagkatapos ay may impormasyon ng serbisyo. Ang unang linya ng query sa teksto ay ibinibigay ng template:

MethodURI  HTTP/Version

Ang personal na pahina ng gumagamit ng CodeGym ay ibinigay ng link

https://codegym.cc/me

http-requestbrowser para sa hitsura nito:

GET /me  HTTP/1.0
Host: codegym.cc

Bilang tugon, malamang na magpapadala ang server

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

Ang unang linya sa text ng tugon ay ang bersyon ng protocol ng http at ang status ng tugon (200, OK) . Pagkatapos ay darating ang isang walang laman na linya at pagkatapos lamang sa text form ay ang isa html-pagena hiniling ng browser. Ang lahat ay napaka-simple :)