O que é HTML? Qual sua história e importância?

Você não precisa saber o que são, nem para que servem um motor, nem um processador, para utilizar um carro ou um computador. Assim é com quase tudo em nossas vidas e, portanto, não é diferente com o HTML.

É provável até que se você não seja alguém que trabalhe com criação de sites, nunca tenha que saber o que é HTML, mas da mesma forma que um proprietário de automóvel e de um computador, não necessariamente precisa ser também um mecânico ou técnico de computadores, pode ser desejável saber o que é HTML, para que serve e porque é tão importante.

O que é HTML?

Para os absolutamente leigos sobre o assunto, dizer que é uma linguagem de programação, pode já dar uma ideia sobre o que seja, porém consiste de uma ideia equivocada, pois não se trata exatamente disso. É uma linguagem, mas não é de programação.

O HTML, assim como toda linguagem usada em informática, é usada com a finalidade de instruir o sistema no qual é usada, para realizar ações. Mas ao contrário das linguagens de programação, ela não contém estruturas que produzem resultados variáveis, como é o caso de uma estrutura lógica “if / then” ou “se / então” ou funções ou procedimentos, que entregam resultados a partir de outros dados.

HTML é a sigla para HyperText Markup Language, que por sua vez significa Linguagem de Marcação de Hipertexto. Ou seja, na abreviação há um elemento que diferencia o HTML de outras linguagens utilizadas em sistemas informáticos e que é a MARCAÇÃO. Esse é o ponto de diferenciação do HTML e que ficará mais evidente logo mais.

O HTML foi criado por Tim Berners-Lee, como uma ferramenta que permitia acrescentar alguns elementos nos textos usados por ele e um grupo de pesquisadores, na publicação dos seus trabalhos em uma época em que a Internet ainda dava seus primeiros passos. Como outras linguagens de marcação – o HTML não é a única – era possível dar distinções a determinados trechos de textos, como por exemplo, vincular ou linkar uma outra obra científica a qual a primeira fizesse referência e que também estivesse publicada, na medida em que os primeiros “sites” começavam a surgir.

Era tudo muito rudimentar e bem diferente dos sites que temos hoje a nossa disposição, mas consistia de um início e que permitia criar mais do que uma simples página de texto corrido, como se tinha nos livros, por exemplo. E com isso você automaticamente já sabe que foi a linguagem que permitiu o desenvolvimento dos primeiros sites. E se por um lado, muita coisa mudou, por outro saiba que algumas não mudaram e todo site que você acessa hoje, ainda usa o HTML, em maior ou menor grau.

É verdade que desde então o HTML evoluiu muito. A popularização da linguagem teve como ponto de partida os conceitos de Berners-Lee, lançando em 1995 a versão 2.0 do HTML, para ao longo de quatro anos, sofrer mudanças e implementações que permitiram que em 1999 a versão mais usada até hoje – a 4.1 – fosse lançada pelo W3C, que é a comunidade que normatiza e desenvolve padrões para como devem ser as coisas na Internet.

Como o HTML funciona?

O funcionamento e estrutura da linguagem são muito simples, até mesmo para alguém que nunca teve nenhum contato com linguagens de qualquer tipo ou mesmo algum conhecimento de desenvolvimento de sistemas ou sites.

O HTML funciona no que se costuma definir no meio, como uma linguagem client-side (lado do cliente), o que significa dizer que é executada no dispositivo do usuário ou cliente, mais especificamente no navegador, em contraposição a muitas linguagens que são executadas do lado do servidor, como é o caso do PHP e do ASP.

Quando você acessa qualquer tipo de site na Internet – ou a grande maioria deles – entre o conjunto de ações que são desencadeadas, um dos principais é a transferência do HTML por parte do servidor web para o dispositivo (notebook, desktop, tablet, smartphone, etc) no qual o site está sendo acessado.

O HTML é essencialmente um arquivo de texto, que contém a informação – seja ela no formato de texto ou links para imagens ou outro tipo de conteúdo – que é vista pelo visitante do site. São os navegadores que se encarregam de renderizar este arquivo de texto no que é visto e a renderização nada mais é, do que a transformação do que há no arquivo fornecido pelo servidor, em algo visível.

A “mágica” acontece, porque o HTML “diz” ao navegador o que ele deve fazer com cada porção de texto contido em um arquivo HTML. Assim, para este texto que você lê agora, neste exato parágrafo, existe uma tag associada a ele – na verdade duas – que indica que este parágrafo deve existir.

Portanto, agora você já sabe que cada parágrafo em um texto de um site ou blog ou qualquer outro tipo de site, existe porque há uma tag dizendo ao navegador que aquele elemento de texto, refere-se a um parágrafo e como tal deve ser exibido.

O termo tag, corresponde a etiqueta em inglês. Uma tag típica, tem começo e fim, ou melhor dizendo é composta de uma tag de abertura e uma de fechamento e por essa razão que informamos anteriormente que há duas tags associadas a um parágrafo. Dessa forma, a construção a seguir será interpretada como um parágrafo pelos navegadores:

<p> Isso é um parágrafo! </p>

Onde, a primeira tag –

– indica o início do parágrafo e a segunda, o seu fim. O mesmo princípio está associado a vários elementos de uma página, como é o caso dos links, cuja instrução HTML e respectivas tags são:

<a> link </a>

O que está entre a tag de abertura e a de fechamento, é o que o navegador devem modificar e exibir como tal, que no caso de um link, vem geralmente visualmente modificado com um sublinhado e cor padrão azul.

No entanto, há tags que não têm uma tag de fechamento correspondente, porque não têm um conteúdo que é modificado por elas e cujo exemplo mais usado, é a
que simplesmente adiciona uma quebra (break) de linha no texto que está sendo exibido e é representada por:

<br/>

E você mesmo sem qualquer ferramenta específica pode criar um HTML básico e verificar seu funcionamento, tendo como únicos requisitos um editor de texto bem básico, como o notepad do Windows e um navegador. Para tanto, basta digitar o conteúdo abaixo e salvá-lo como por exemplo, meuprimeirosite.html e depois abri-lo em seu navegador:

<html>
<head>
<title>Título da Página</title>
</head>
<body>

<h1> Meu primeiro site</h1>
<p>Meu primeiro parágrafo</p>
<p>Meu segundo parágrafo</p>

</body>
</html>

Vale ressaltar alguns pontos em relação ao HTML acima:

• Este é apenas um artigo sobre o que é HTML e alguns fundamentos de como funciona a linguagem de marcação e não pretende ser nem mesmo uma introdução a linguagem. Aqueles que têm intenção de se aprofundar no assunto, devem buscar um conteúdo mais amplo e que vai bem além da linguagem;

• O W3C, que é a entidade que estabelece padrões de como as coisas devem ser feitas na Web, determina aspectos mais amplos e outros elementos HTML que devem constar mesmo das páginas de sites mais simples;

• Mesmo que essa página – se é que podemos classificá-la como tal – seja bastante rudimentar, é possível entender na prática como que o HTML funciona;

• No mundo real, muitos sites dos mais antigos e simples, aos mais sofisticados e atuais, não necessariamente precisam ser feitos com mais do que um editor e um navegador e que é uma das características que permitiu a democratização e inclusão de muitas pessoas e empresas na Internet, mesmo sabendo que na prática são utilizadas muitas ferramentas que facilitam e aceleram o processo de criação, como por exemplo, os CMSs;

• O exemplo evidencia o que é uma linguagem de marcação, na medida em que são inseridas “marcas” em um conteúdo de texto, alterando-o conforme se instrui o navegador de que forma ele deve renderizar um conteúdo qualquer.

A importância do HTML

Como vimos no exemplo de uso da linguagem, criar um conteúdo usando o HTML para melhor exibi-lo, é tarefa simples e que produz resultados a partir de conhecimentos bastante básicos e acessíveis a qualquer pessoa. Essa simplicidade e facilidade, foram os principais fatores de impulsionamento dos primeiros sites na Internet.

Quem tem mais tempo na Internet e pôde acompanhar os sites que eram produzidos e publicados em meados dos anos 90 até meados de 2000, há de se lembrar da simplicidade que muitos tinham e que não impediu que muitos deles fossem acessados por muitos visitantes, tornando-se famosos e permitindo que posteriormente evoluissem.

Naquela época, poucas horas de aprendizado e treino, eram suficientes para que qualquer um desse o primeiro passo para marcar sua presença digital. Ter um site, mesmo que simples, já era melhor do que não ter site algum.

Naturalmente e como tudo na vida – especialmente quando o assunto é tecnologia – há evoluções e aprimoramentos e com o HTML não foi diferente. Se ainda há muitos sites baseados na versão 4.1 da linguagem, após muito tempo, estudos, testes, discussões, finalmente temos o HTML 5, o qual coloca a disposição dos desenvolvedores, novas e melhores formas de se apresentar conteúdo.

Aliado a isso, é importante que se saiba que mesmo não sendo necessário mais do que pouquíssimos recursos, criar mesmo que um simples site institucional com aparência e destinação profissionais, requer conhecimento sobre um grande acervo de tecnologias que são empregadas por um web designer experiente e mesmo pelas grandes agências, com o objetivo de produzir sites fantásticos, ainda que façam uso de HTML.

Se antes bastava conhecer CSS (Cascading Style Sheets) para dar uma aparência mais agradável ao produto final e um pouco de programação baseada na linguagem de programação Javascript, para incluir um formulário ou algum tipo de interação na interface criada para o usuário, como um menu mais sofisticado em termos de opções, hoje a criação de sites dinâmicos exige dominar um acervo de conhecimentos como uma linguagem de programação server-side (lado do servidor), como por exemplo o PHP, bancos de dados, criação / manipulação de imagens, entre outros conhecimentos que ampliam o leque de opções de criação.

Mas é inegável que mesmo hoje, o HTML ainda representa um importante pilar sobre o qual são construídas as mais diversas opções de sites e que sobreviveu a outras tentativas de fornecer alternativas para criação de sites, como foi o caso da tecnologia Flash, da Adobe, a qual em certo momento pareceu ameaçar o reinado do HTML, mas que sucumbiu e que hoje praticamente inexiste.

Por fim, mas não menos importante, é fundamental saber que foi graças ao HTML que não apenas muitas pessoas puderam ingressar na Internet por meio da simplicidade oferecida na elaboração de um site por elas mesmas, mas que abriu as portas para muitos dos profissionais de criação que hoje desenvolveram-se e puderam ser empreendedores do setor, graças as suas características e a acessibilidade para publicar e manter um site, oferecidas por modelos de hospedagem, como a hospedagem compartilhada ou revenda de hospedagem.

Muita gente que aí está trabalhando na criação e desenvolvimento de sites, começou baixando um PDF sobre HTML, de algum site feito por alguém que deu o primeiro passo exatamente da mesma forma! Se hoje existem bilhões de sites publicados, pode-se dizer sem medo de errar, que muito se deveu ao HTML!

Conclusão

O HTML é uma linguagem de marcação – e não de programação – que representa o desenvolvimento da Internet, especialmente no que diz respeito aos sites, aos patamares do que a rede representa hoje na vida das pessoas. Não é exagero dizer, que boa parte do que temos hoje, deve-se ao surgimento e desenvolvimento da linguagem ao longo de sua história.