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: