1.1 História do HTML
Hoje em dia, quase todas as pessoas usam a Internet. Leia artigos, use um navegador, siga links. E apenas alguns deles estão se perguntando quando e por quem a Internet foi inventada?
Ainda depende do que você chama de Internet. Na maioria das vezes, o leigo quer dizer uma coisa e o técnico quer dizer outra. A rede de computadores que conecta os maiores centros de dados do mundo foi criada nos anos 70. Mas a Internet acessível a uma pessoa comum (navegador, links, todos os tipos de páginas) foi inventada por uma pessoa no início dos anos 90 . E foi assim...
No início dos anos 1990, o britânico Tim Berners-Lee inventou a Internet. Embora, no entanto, o que ele inventou seja mais corretamente chamado de Web: World Wide Web
ele é www
, ele também é a World Wide Web. Sim, um homem inventou a World Wide Web.
De 1986 a 1991 trabalhou no Centro de Pesquisa do CERN (em Genebra, Suíça) em um novo padrão de documentação científica. Veja bem, é comum os cientistas publicarem artigos científicos na forma de artigos e, no final dos artigos, indicar a lista de literatura utilizada. Em outras palavras, o conhecimento científico é uma lista de artigos com links entre si.
A propósito, a Wikipedia moderna se parece muito com a maneira como seu criador viu a World Wide Web : artigos científicos com links entre si, uma lista de fontes e literatura usada. E se Tim tivesse sorte, a web ainda seria assim. Mas no caminho para um futuro melhor, o mundo deu uma guinada errada em algum lugar :)
A web é baseada em três tecnologias:
HTML-page
, que contém texto, imagens e links para outrosHTML-pages.
- • Um navegador que é exibido
HTML-page
da maneira mais amigável possível. - • Protocolo
http
- um padrão para servidores da Web se comunicarem com navegadores e entre si.
Tim Berners-Lee não inventou essas coisas, mas as padronizou. HTML
- foi criado com base no padrão SGML
. As tags também foram emprestadas de lá. Mas o primeiro navegador da web do mundo, chamado WorldWideWeb
Tim, escreveu ele mesmo, em 1990.
1.2 HTML não é uma linguagem de programação
HTML
não é uma linguagem de programação e nunca foi. Nunca diga isso. Mesmo que você vá escrever um currículo, nunca indique HTML
na seção de linguagens de programação, apenas na seção de ferramentas (tecnologia). Seria um erro grosseiro escrever em seu currículo que você conhece uma linguagem de programação HTML
. Por que?
E o fato é que HTML
é uma linguagem de marcação para documentos. Se simplificarmos muito, então HTML-document
é um texto (documento) com imagens, tabelas, links, etc. inseridos nele.
Digamos que você queira escrever um artigo que irá:
- Título do artigo (título).
- O próprio artigo, composto por um parágrafo.
- Foto.
- Algumas declarações importantes que você deseja colocar em negrito.
- No meio do artigo, forneça um link para algumas informações úteis.
Veja como este documento aparecerá no navegador:
gato doméstico
Do ponto de vista da taxonomia científica, o gato doméstico é um mamífero da família dos felinos da ordem carnívora. Muitas vezes, um gato doméstico é considerado uma subespécie do gato da floresta, no entanto, do ponto de vista da taxonomia biológica moderna (2017), o gato doméstico é uma espécie biológica separada .
Muito bom, certo? E o padrão HTML
permite que você torne este documento legível tanto para humanos quanto para computadores. Aqui está o que parece em HTML-standard
:
<h1> Gato doméstico </h1>
Do ponto de vista da taxonomia científica, o gato doméstico é <a href="/"> um mamífero </a> da família dos felinos da ordem carnívora. Freqüentemente, um gato doméstico é considerado uma subespécie do gato da floresta, no entanto, do ponto de vista da taxonomia biológica moderna (2017), o gato doméstico <b> é uma espécie biológica separada </b> .
<img src=”cat.jpg”>
Tags especiais foram adicionadas ao texto do artigo (destacadas em vermelho ), que são compreendidas tanto por uma pessoa quanto por um computador (navegador). O navegador pode exibir o artigo lindamente para o leitor, e o autor do artigo pode editá-lo facilmente.
1.3 O surgimento do protocolo HTTP
A abreviação HTML
significa Hyper Text Markup Language
Hypertext Document Markup Language. Hipertexto é um documento que consiste em páginas que se ligam umas às outras. O que é http
?
HTTP
significa Hyper Text Transfer Protocol
Hypertext Transfer Protocol (padrão). http
ou https
você pode ver na barra de endereço do navegador se tentar copiar o link para a página aberta.
Um link de página típico se parece com isto:
http://google.com/logo.jpg
Bem no início do link está o nome do protocolo, seguido por dois pontos e duas barras. Tim Bernes-Lee disse certa vez em uma de suas entrevistas que, se soubesse que o protocolo http
seria tão popular, teria inventado algo mais curto. (afinal, quase todos os links do mundo começam com a palavra http://
ou https://
)
Vamos voltar aos navegadores. Quando um navegador solicita html-page
, ele envia um arquivo de texto (solicitação) para o servidor e recebe outro arquivo de texto (resposta) em retorno. Este modo de operação é chamado de cliente-servidor.
Primeiro, há linhas com informações importantes e depois com informações de serviço. A primeira linha da consulta de texto é dada pelo padrão:
MethodURI HTTP/Version
A página pessoal do usuário CodeGym é fornecida pelo link
https://codegym.cc/me
http-request
navegador para ele se parece com isso:
GET /me HTTP/1.0
Host: codegym.cc
Como resposta, o servidor provavelmente enviará
HTTP/1.0 200 OK
<html>page text...
A primeira linha no texto de resposta é a versão do protocolo http e o status da resposta (200, OK) . Em seguida, vem uma linha vazia e, em seguida, apenas em forma de texto, a html-page
que o navegador solicitou. Tudo é muito simples :)
GO TO FULL VERSION