HTML

Provavelmente você possui um computador e por mais simples ou antiquado que seja é resultado de uma evolução de dezenas de anos na área de informática. Digamos que você está com uma máquina de 5a ou 6a geração. Neste documento conto a história da evolução desse equipamento.

Antes de surgir a Internet foi necessário um grande avanço na computação que demorou anos.
Se você quer saber como surgiu o computador pessoal atual, base de toda Internet, clique aqui e veja como tudo começou Básico PC(Personal Computer).

O princípio

Os primeiros computadores pessoais não passaram de meras curiosidades técnicas onde os 'NERDS' da época aguçaram a ambição para um mundo de possibilidades futuras.
Não passavam de curiosidades científicas onde os 'engenheiros' faziam os chips comunicarem entre si e efetuar uma atividade, como uma adição ou exibir um número num 'display' de calculadora.

Com o tempo foram criados novos chips, mais potentes e com isso foi possível agregar funcionalidades ao sistema (conjunto de chips) através de programas pré-gravados em memória que facilitavam a leitura de teclado, exibição de informações etc.

Um avanço notável foi feito quando a INTEL foi criada. Ela conseguiu colocar milhares de transistores num pedacinho de milímetros e com isto um computador que ocupava um andar de um prédio agora cabe numa caixa (meio grande ainda) e com um consumo de energia incomparavelmente inferior porque conexões menores geram menos ruídos e interferências e com isto pode-se abaixar a potência dos transistores de maneira que antes um transistor gastava mili-watts para funcionar hoje milhões desses transistores funcionam com o mesmo consumo.
Um fato curioso foi que os engenheiros que criaram a INTEL antes eram funcionários da IBM e quando propuseram a mudança para a IBM eles foram desencorajados. Aí resolveram criar a sua empresa própria apostando no produto.

Hoje no seu computador temos o BIOS da sua máquina (BIOS = Basic Input Output System). Nela estão as 'receitas básicas' de como o sistema operacional deve acessar os chips da placa principal (padrão IBM PC).

Este método de acesso as funcionalidades dos chips foi padronizado pela IBM de maneira que se o fabricante do equipamento quisesse que seu equipamento funcionasse no sistema operacional ( na época era o DOS (Disk operating System)) teria que criar um micro-programa que hoje chamamos de bios.
Sendo assim se você quisesse escrever uma mensagem no vídeo era só seguir o padrão IBM-PC, ou seja, chamar uma funcionalidade do bios com tais parâmetros que a mensagem era exibida.

Hoje na sua máquina podemos até atualizar o bios com atualizações do fabricante corrigindo antigos problemas mesmo antes de instalar o processador na placa mãe.

O sistema operacional opera por um padrão e o 'BIOS' ( Basic Input Output System) que casa esse padrão (IBM PC) com os chips da sua máquina e é feito pelo próprio fabricante dos chips e da placa mãe do seu computador.

Portanto, no início os PCs eram alguns componentes ligados entre si. Com o tempo foram criando interfaces que facilitavam algumas tarefas.

Uma das primeiras foi o papel perfurado ( isso era mais comum em empresas ) onde o programa era armazenado numa fita perfurada ( tipo das antigas máquinas de Telex ) e a digitação que demorava horas com esta interface conseguiamos carregar o programa em minutos e com isto a máquina ficava pronta para uso mais rapidamente além de evitar um trabalho demorado e complexo porque um bit errado era um problema grave.
Pouco tempo depois surgiu a gravação em fita k7 que foi uma melhoria significativa do processo.

A gravação em fita magnética era muito precária e fácil de dar erros além da baixa densidade da informação fazia o processo ser precário.
Foi ai que criaram o disquete. Feito com a mesma mídia magnética tinha a vantagem de ser completamente protegida da manipulação do usuário, tinha um 'substrato'(base) melhor construído o que melhorava muito a confiabilidade de leitura e gravação. Foi um grande avanço e o principal problema era a poeira nas unidades de disco que gerava atrito entre a cabeça de leitura e o óxido de ferro na superfície de gravação do disquete. Eu mesmo peguei um disquete novinho da caixa, da melhor marca (Maxwell) e usei um dia e no mesmo dia joguei ele fora porque foi 'riscado' pelo cabeçote de leitura inutilizando seu uso.

Um gigantesco passo foi dado quando inventaram os discos rígidos, hoje chamados de HDs ou Hard-Disks. Primeiramente porque expandiam e muito a capacidade de armazenamento dos disquetes ( de 360 KBytes para 5 Mega-Bytes ) com uma velocidade que, comparada com um disquete, era a velocidade da luz.

Com os recursos acima os equipamentos começaram a ganhar popularidade especialmente como video-games. Eu joguei Doom no DOS 6.22 por anos. E, apesar de caro pra caramba, valia a pena.

Mas foi ai que a coisa começou a ficar interessante, quanto maior o recurso maior é a utilidade. Foi ai que começaram a pensar em algo prático, muito útil como operações bancárias. Imagine o leque de oportunidades se uma pessoa pudesse fazer operações bancárias ou mesmo atuar na bolsa de valores no conforto de sua casa ou empresa. De repente um serviço que era somente possível num banco ficaria disponível em qualquer lugar.

Para entrar em contato com os bancos era preciso fazer o computador que estava, por exemplo, numa residência, de alguma maneira sair dela e chegar até o banco. Mas como ?

Conexão e a WWW

No começo da era dos computadores pessoais instalar um novo meio de comunicação para os computadores 'falarem' entre as residências ou empresas era muito caro e demorado. Seria um projeto para dezenas de anos e, na realidade, foi mesmo.

Pensaram nas alternativas possíveis de conexão e se já havia no mundo que fazia algo similar.
De cara pensaram nos telefones que permitiam com que pessoas se comunicassem. Porque não computadores? E as linhas telefônicas já estavam instaladas e conectavam uma casa a outra casa, por que não aproveitar melhor esse recurso?.
A maior barreira foi tecnológica,o computador precisa de algum equipamento específico que permita que ele 'fale' utilizando a linha telefônica.

Graças ao desenvolvimento da tecnologia foi criado o modem. Os modems eram placas que você encaixava num slot do PC (Desktop - Ficavam dentro do gabinete e fora ficava apenas um conector para a linha telefônica) ou era uma caixa externa conectada ao PC (na época era através da porta serial RS232 ) e a linha telefônica que permitia a troca de informações entre computadores.

O avô da Internet...O Modem :

Modem (Modulador e demodulador) que era a interface entre o computador e a linha telefônica.

Ele possibilitou o computador comunicar-se com outro pela linha telefônica. Contudo, a conexão era um para um, ou seja, se eu estava falando com a casa A e quisesse falar com a casa B precisava desconectar da cada A e conectar na casa B.

Outros problemas com o Modem é que a linha telefônica ficava ocupada, ou seja, se alguém ligasse para você não conseguiria falar porque a linha estava sendo usada pelo computador.
Outro problema eram as descargas atmosféricas. Me lembro de ter pago uma grana num modem e fui passar o final de semana na praia quando voltei ele tinha pifado e ninguém garantia um produto contra raios ou contra coisas que não eram deste mundo.

Inicialmente essa comunicação era precária, cara (custo do modem, linha telefônica, energia, etc.), lerda, mas já propiciou a troca de informações no formato texto. Para dar uma ideia a vocês uma página com muitos caracteres levava tanto tempo para ser transferida que muitas vezes dava pra ler o que estava sendo transferido.

Começaram a surgir as BBS (Bouletim Board Sistem). Provedores como Mandic, UOL eram pequenos e tinham um serviço de troca de informações, tão precário que nem email ainda existia. Mas dava pra pegar a cotação do dólar, fazer uma propagandinha, é o começo embrionário da Internet de hoje. Se você não é desse tempo, ótimo...não perdeu nada e pra quem viveu essa época não deixou saudades.

Só para te situar no contexto de tecnologia da informação, os terminais dos computadores de grande porte até hoje só troca basicamente texto ( e alguns caracteres especiais mas não são gráficos ).

Contudo logo se notou o potencial da ferramenta. Seguindo o exemplo de seu primo, o telefone, no qual viu-se que podia ganhar muito tempo puxando o telefone do gancho e falando com a pessoa do que ir lá falar com ela. É um ganho considerável de tempo. E lembra quem inventou o slogan 'tempo é dinheiro?'. Você verá a seguir.

Na época já existiam sistemas como o telex que permitia enviar mensagens via uma 'linha' exclusiva para essa finalidade.
Também havia o teletexto que eram máquinas que trocavam texto entre anunciantes e possíveis clientes (via modem).
Havia também o Projeto Ciranda ou Cirandão que foi uma iniciativa governamental de popularização da rede de computadores no Brasil (via modem) e a RENPAC.
As soluções acima tinham um grande problema : eram caras (apenas as empresas podiam comprar) lentos, muitas vezes mecânicos ( o que faziam eles ser mais caros ainda e a manutenção mais cara também), primitivos.
Contudo esses equipamentos já tinham teclado e podiam enviar informações de volta de uma máquina para outra.

Com o passar do tempo logo as empresas começaram a pressionar os desenvolvedores para efetuarem melhorias nos serviços prestados para que pudessem utilizá-la para seus propósitos.

Uma delas foram os bancos que gostariam agilizar seus negócios trocando informações diretamente com seus clientes sem que estes precisassem sair de casa. Imagine, um investidor teria que ir ao banco, ver a ação que está em alta, comprar e se quisesse seguir o andamento do seu investimento teria que voltar ao banco. Sendo assim os bancos viram na internet uma verdadeira revolução, como realmente foi, antes tudo era feito na agência, hoje se 3% do movimento bancário for feito na agência é muito.

Para atender os bancos precisavam de sigilo, ou seja, que usuário se identificasse, informasse do valor de um depósito, a conta e que a conexão e a transação fossem seguras etc.

A transmissão de texto era eficiente e rápida. Mas, como agora o usuário iria visualizar o documento feito pelo banco, por exemplo, eles queriam colocar o logotipo do banco, uma linha de separação...algumas coisas a mais para melhorar e personalizar a visualização do documento.

Na época já existiam mensagens capaz de compor um documento com riqueza de recursos, mas não operavam como o necessário. Se você ver o padrão RTF(Rich Text Format) vai ver que ele consegue exibir um documento texto perfeitamente de qualquer jeito que for necessário, mas se ao tentar abrir o documento .rtf o arquivo estiver corrompido dará um erro e o programa não exibirá o documento. Na web o desejado é que se ele não encontrasse um recurso colocasse um simbolo informando a falta e ai continuasse renderizando o resto do documento.
Se você estudar o padrão PDF verá que ele é um arquivo binário e nunca poderia ser usado na web pelo motivo que todo conteúdo da web até o momento era texto puro e que gostariam que a evolução fosse compatível com o legado existente.

Com a conexão criamos a possibilidade de estarmos em qualquer lugar do mundo que nossa conexão alcance.

Está na cara que o segredo da Internet é a conexão entre os equipamentos nela conectados.
Com esta 'comunicação' os computadores falam entre si e evitam que humanos tenham que se deslocar para fazer algumas tarefas, facilitando transações comerciais, serviços de saúde pública, operações bancárias etc.

A Internet

A Internet que conhecemos hoje se deve ao DARPA (Departamento de defesa Norte-Americano). Eles queriam que computadores de um local assumissem as funções de computadores de outros locais especialmente quando num ataque nuclear.
A rede começou entre as bases militares dos EUA mas como ela era segura para os militares resolveram expadir e deixar com que civis a usassem. Foi assim que surgiu a Internet que hoje conecta quase o mundo inteiro.

Só texto não dá...

Os sistemas nesta etapa eram utilizados pelas BBS que trocavam puro texto entre sí.
Mas um banco gostaria de enviar um extrato com o logotipo do banco, que os dados ficassem em colunas e assim pensaram em usar um novo 'código' compatível com o texto atual. A proposta inicial é que abrigaria o padrão antigo (tudo texto) e o novo ( com imagens, sons, etc.).

HTML significa Hyper Text Markup Language. É a 'linguagem' com que todas as páginas da web são escritas. Mas o que realmente significa isso ? Como Surgiu ? De onde veio ?

Para 'interpretar' esse novo código eles pensaram em algo mais versátil e seguro.
Como cada BBS tinha seu 'discador' que geravam muitos problemas de compatibilidade e eram plataformas proprietárias, resolveram criar um programa especial que 'interpretaria' essa 'nova linguagem' e exibiria o documento corretamente. Este programa inicialmente foi chamado de 'application killer' porque as BBS não podiam impor seus padrões através de suas aplicações que eram proprietárias de cada BBS e a intenção era padronizar e simplificar todo o processo. Depois o nome 'application killer' foi chamado browser ou navegador que seria encarregado de exibir o novo formato do documento.

O principal objetivo do navegador era que ele serviria para toda Internet, uma aplicação que serviria para todas as páginas da Internet. Baixado e instalado o navegador o usuário não precisaria de mais nada para navegar pode onde fosse necessário. Outro detalhe importante é que os sites que tinham o navegador eram tidos como seguros e isso evitava riscos de virus entre outras coisas.

Sendo assim, a metodologia atual, que era trocar texto entre duas máquinas, continuaria funcionando e colocando 'algo especial' no texto ( as tags ) representaria não texto mas sim outro elemento, como uma imagem, uma entrada de dados ou o que preciso fosse e este seria um arquivo externo que poderia estar em qualquer lugar que a 'TAG' indicasse.

Notem que o quesito segurança sempre foi primordial na Internet. Portanto, baixar uma aplicação ( como o navegador ) de um lugar confiável e utilizar ela para tudo é bem melhor que ficar baixando aplicações pontuais de lugares NÃO confiáveis ( como as BBS ) e que muitas vezes funcionavam só com um provedor específico.

Portanto inventaram as tags que, apesar de serem puro texto, são interpretadas pelo browser como 'comandos especiais' e agregam elementos, que não são texto puro, nas páginas.

Para definir uma tag eles usaram 2 caracteres que são muito raros de serem usados : O sinal de menor(<) e maior (>).

Sendo assim p seria um texto comum, uma letra mas seria uma tag de parágrafo que faria a funcionalidade de parágrafo de um documento, ou seja, se não estiver no início da linha ir para a próxima linha, escrever algo e no término ir para a próxima linha.

Por exemplo Indicaria o começo de um texto a ser negritado e indicaria que o final do negrito.

Exemplo:
Definindo um texto negritado : O texto dentro desta tag deve estar negritado , mas este não
Exibindo um texto negritado : O texto dentro desta tag deve estar negritado, mas este não

Algumas adaptações foram feitas posteriormente como colocar uma tag tipo a que permitiu quebrar uma linha de texto no browser independentemente da quebra de linha na programação. Isto permitia que o 'código' da página fosse escrito em diversas linhas sem que, no entanto, no documento exibido, essas linhas teriam a mesma quebra de linhas.

Resumo

1-HTML é um padrão de desenvolvimento de documentos web que está em continua evolução.

2-O html define o que deve ser exibido num documento html, todos os elementos.

3-Outro elemento que evoluiu do HTML é a CSS que define como os elementos deverão ser exibidos (formatos, cores etc.).

4-Um amigo inseparável do hmtl é o javascript. Desde os primórdios do browser ele auxilia na interação entre o usuário e o browser.

5-Desde o princípio a ideia foi fazer o documento html o mais simples possível, praticamente puro texto. Contudo ao acrescentar as tags temos dois itens importantes : A primeira é a capacidade da ferramenta em executar a tarefa (exibir imagem, som, etc.), ou seja, executa o que precisa ser feito e a segunda a facilidade do seu uso chamada de abstração. Com as tags deixamos, por exemplo, a capacidade de exibir um vídeo a cargo do browser e sistema operacional e retiramos essa 'complexidade' da linguagem html.

6-Então quando estamos utilizando html para definir o escopo de um documento uma série de 'particularidades, características ou padrões' são predefinidos e podem ser usados em nosso documento. Por exemplo, ao usar uma tag input você não precisa se preocupar como deve ser exibida, no browser há um padrão para isso. É só usar. O que fazemos, muitas vezes, é mudar detalhes desse padrão (como a cor das letras, fundos, etc.).

7-Se você começou a ler esta página e ao ver o modem e tanta velharia achou comico mas foi assim que muitas empresas surgiram na Internet. Um cara em Julho de 1994 viu uma excelente oportunidade para vender livros ( o que era comum demais ) através da Internet ( o que era novidade), que na época crescia a taxa de 2500% ao ano e ainda estava nos seus primeiros passos. Era um negócio super arriscado e mesmo assim pegou uns US$300.000 emprestados com seus pais e abriu uma das primeiras livrarias na Internet... hoje ele é um dos homens mais ricos do mundo, Jeff Bezos dono da Amazon.