1.1 Historia HTML
W dzisiejszych czasach prawie wszyscy ludzie korzystają z Internetu. Czytaj artykuły, korzystaj z przeglądarki, śledź linki. A tylko nieliczni zastanawiają się, kiedy i kto wynalazł Internet?
To nadal zależy od tego, jak nazywasz Internet. Najczęściej laik ma na myśli jedno, a technik co innego. Sieć komputerowa łącząca największe światowe centra danych powstała jeszcze w latach 70. Ale internet dostępny dla zwykłego człowieka (przeglądarka, linki, wszelkiego rodzaju strony) został wynaleziony przez jedną osobę na początku lat 90 . A było tak...
Na początku lat 90. Brytyjczyk Tim Berners-Lee wynalazł Internet. Chociaż jednak to, co wynalazł, jest bardziej poprawnie nazywane siecią: jest World Wide Webon wwwtakże siecią WWW. Tak, jeden człowiek wynalazł World Wide Web.
W latach 1986-1991 pracował w Centrum Badawczym CERN (w Genewie, Szwajcaria) nad nowym standardem dokumentacji naukowej. Widzisz, jest zwyczajem, że naukowcy publikują prace naukowe w formie artykułów, a na końcu artykułów wskazują listę wykorzystanej literatury. Innymi słowy, wiedza naukowa to lista artykułów połączonych ze sobą linkami.
Nawiasem mówiąc, współczesna Wikipedia bardzo przypomina sposób, w jaki jej twórca postrzegał World Wide Web : artykuły naukowe z linkami do siebie, listę źródeł i wykorzystaną literaturę. A jeśli Timowi dopisze szczęście, sieć nadal będzie taka jak ta. Ale w drodze do lepszej przyszłości świat skręcił gdzieś w złą stronę :)
Sieć jest oparta na trzech technologiach:
HTML-page, który zawiera tekst, obrazy i linki do innychHTML-pages.- • Przeglądarka, która wyświetla się
HTML-pagew najbardziej przyjazny dla człowieka sposób. - • Protokół
http— standard komunikacji serwerów sieciowych z przeglądarkami i między sobą.
Tim Berners-Lee nie tyle wynalazł te rzeczy, ile je ujednolicił. HTML- powstał na bazie standardu SGML. Stamtąd też zapożyczono metki. Ale pierwszą na świecie przeglądarkę internetową o nazwie WorldWideWebTim napisał sam, a już w 1990 roku.
1.2 HTML nie jest językiem programowania
HTMLnie jest to język programowania i nigdy nim nie był. Nigdy tak nie mów. Nawet jeśli będziesz pisać CV, nigdy nie wskazuj HTMLw dziale języki programowania, tylko w dziale Narzędzia (technologia). Byłoby wielkim błędem napisanie w CV, że znasz język programowania HTML. Dlaczego?
Chodzi o to, że HTMLjest to język znaczników dla dokumentów. Jeśli bardzo to uprościmy, to HTML-documentjest to tekst (dokument) z wstawionymi obrazkami, tabelami, linkami itp.
Załóżmy, że chcesz napisać artykuł, który:
- Tytuł artykułu (tytuł).
- Sam artykuł, składający się z jednego akapitu.
- Zdjęcie.
- Kilka ważnych stwierdzeń, które chcesz umieścić pogrubioną czcionką.
- W środku artykułu podaj link do przydatnych informacji.
Oto jak ten dokument będzie wyglądał w przeglądarce:
Kot domowy
Z punktu widzenia taksonomii naukowej kot domowy jest ssakiem z rodziny kotów z rzędu mięsożernych. Często kot domowy jest uważany za podgatunek kota leśnego, jednak z punktu widzenia współczesnej taksonomii biologicznej (2017) kot domowy jest odrębnym gatunkiem biologicznym .
Całkiem nieźle, prawda? A standard HTMLpozwala uczynić ten dokument czytelnym zarówno dla ludzi, jak i komputerów. Oto jak to wygląda w HTML-standard:
<h1> Kot domowy </h1>
Z punktu widzenia taksonomii naukowej kot domowy jest <a href=”/”> ssakiem </a> z rodziny kotów z rzędu mięsożernych. Często kot domowy uważany jest za podgatunek kota leśnego, jednak z punktu widzenia współczesnej taksonomii biologicznej (2017) kot domowy <b> jest odrębnym gatunkiem biologicznym </b> .
<img src=”kot.jpg”>
Do tekstu artykułu dodano specjalne znaczniki (podświetlone na czerwono ), zrozumiałe zarówno dla człowieka, jak i dla komputera (przeglądarki). Przeglądarka może pięknie wyświetlić artykuł dla czytelnika, a autor artykułu może go łatwo edytować.
1.3 Pojawienie się protokołu HTTP
Skrót HTMLoznacza Hyper Text Markup LanguageHypertext Document Markup Language. Hipertekst to dokument składający się ze stron, które łączą się ze sobą. co to jest http?
HTTPoznacza Hyper Text Transfer ProtocolHypertext Transfer Protocol (standard). httplub httpsmożesz zobaczyć na pasku adresu przeglądarki, jeśli spróbujesz skopiować link do otwartej strony.
Typowy link do strony wygląda tak:
http://google.com/logo.jpgNa samym początku odsyłacza znajduje się nazwa protokołu, po której następuje dwukropek i dwa ukośniki. Tim Bernes-Lee powiedział kiedyś w jednym z wywiadów, że gdyby wiedział, że protokół httpbędzie tak popularny, wymyśliłby coś krótszego. (w końcu prawie wszystkie linki na świecie zaczynają się od słowa http://lub https://)
Wróćmy do przeglądarek. Gdy przeglądarka żąda html-page, wysyła plik tekstowy (żądanie) do serwera i otrzymuje w zamian inny plik tekstowy (odpowiedź). Ten tryb działania nazywa się klient-serwer.
Najpierw są wiersze z kluczowymi informacjami, a następnie z informacjami serwisowymi. Pierwsza linia zapytania tekstowego jest podawana przez szablon:
MethodURI HTTP/VersionOsobista strona użytkownika CodeGym jest podana przez link
https://codegym.cc/mehttp-requestprzeglądarka wygląda tak:
GET /me HTTP/1.0
Host: codegym.ccW odpowiedzi serwer najprawdopodobniej wyśle
HTTP/1.0 200 OK
<html>page text...Pierwszy wiersz tekstu odpowiedzi to wersja protokołu http i status odpowiedzi (200, OK) . Potem pojawia się pusta linia , a potem tylko w formie tekstowej pojawia się ta html-page, której zażądała przeglądarka. Wszystko jest bardzo proste :)
GO TO FULL VERSION