O que é HTML e para que ele serve

Entenda o papel do HTML como a estrutura de uma página, comparando-o ao esqueleto de um corpo humano.

Antes de escrever a primeira tag, vale a pena entender com clareza o que é o HTML, qual é o seu papel e onde ele se encaixa no universo do desenvolvimento web. Essa base vai tornar tudo que vem a seguir muito mais fácil de entender.

Uma linguagem de marcação

HTML é uma sigla para HyperText Markup Language, que em português significa Linguagem de Marcação de Hipertexto. Mas o que isso quer dizer, na prática?

Vamos por partes:

  • HyperText — textos que se conectam a outros textos por meio de links. É a ideia central que deu origem à web.
  • Markup — marcação. Em vez de programar comportamentos, você marca o conteúdo, dizendo ao navegador o que cada coisa é.
  • Language — linguagem. Um conjunto de regras e convenções que tanto humanos quanto máquinas conseguem entender.

💡 Importante: HTML não é uma linguagem de programação. Linguagens de programação executam lógicas, tomam decisões e realizam cálculos. O HTML apenas descreve e estrutura o conteúdo — ele diz o que as coisas são, não o que elas devem fazer.

O esqueleto de uma página web

A melhor analogia para entender o HTML é compará-lo ao esqueleto do corpo humano. O esqueleto define a estrutura: onde fica a cabeça, onde ficam os braços, onde fica o tronco. Sem ele, não há forma, não há sustentação, não há organização.

Da mesma forma, o HTML define a estrutura de uma página web: onde fica o título, onde fica o texto, onde fica a imagem, onde fica o botão. Sem o HTML, não há página.

Mas o esqueleto sozinho não é tudo. Um corpo humano também tem:

  • Roupas e aparência → no mundo web, isso é o CSS
  • Músculos e movimento → no mundo web, isso é o JavaScript

O HTML, o CSS e o JavaScript formam a tríade fundamental do desenvolvimento web. E tudo começa sempre pelo HTML.

🧱 Tríade fundamental do desenvolvimento web:

Tecnologia Papel Analogia
HTML Estrutura Esqueleto
CSS Aparência Roupas e pele
JavaScript Comportamento Músculos e nervos

Tudo começa sempre pelo HTML.

Outra analogia que podemos fazer: Analogia da casa:

  • HTML → paredes, portas e janelas (estrutura)
  • CSS → pintura, decoração e mobília (aparência)
  • JavaScript → parte elétrica e hidráulica (funcionalidade)

O que o HTML faz na prática

O HTML funciona por meio de tags — marcações que envolvem o conteúdo e dizem ao navegador o que ele representa. Por exemplo:

<h1>Bem-vindo ao meu site!</h1>
<p>Este é meu primeiro parágrafo.</p>

Ao ler esse código, o navegador entende:

  • <h1> → isso é um título principal
  • <p> → isso é um parágrafo de texto

E exibe cada um de forma adequada na tela.

Veja outros exemplos do dia a dia:

<!-- Um link -->
<a href="https://www.google.com">Ir para o Google</a>

<!-- Uma imagem -->
<img src="foto.jpg" alt="Foto de perfil">

<!-- Um botão -->
<button>Clique aqui</button>

<!-- Uma lista de compras -->
<ul>
  <li>Arroz</li>
  <li>Feijão</li>
  <li>Macarrão</li>
</ul>

Em todos esses casos, o HTML está apenas descrevendo o conteúdo — dizendo o que cada elemento é, para que o navegador saiba como apresentá-lo.

HTML está em todo lugar

Todo site que você já visitou usa HTML. Não importa se é uma loja virtual, uma rede social, um portal de notícias ou o site de uma pequena empresa local — por baixo de tudo, existe um documento HTML.

Você pode ver o HTML de qualquer página web agora mesmo:

  1. Abra qualquer site no seu navegador
  2. Clique com o botão direito em qualquer área da página
  3. Selecione "Inspecionar" ou "Ver código-fonte da página"
  4. Pronto — você está vendo o HTML por trás daquela página

É como olhar para dentro das paredes de um edifício e ver a estrutura de concreto e ferro que sustenta tudo.

O que o HTML não faz

É igualmente importante entender o que o HTML não é responsável por fazer:

O que você vê Quem é responsável
Estrutura e conteúdo da página ✅ HTML
Cores, fontes e layout visual ❌ CSS
Animações e efeitos visuais ❌ CSS
Botões que fazem coisas ao clicar ❌ JavaScript
Lógica de login e banco de dados ❌ Linguagens de back-end

Saber onde o HTML começa e onde ele termina é fundamental para não tentar resolver com a ferramenta errada um problema que pertence a outra tecnologia.

Um documento HTML é um arquivo de texto

Uma coisa que surpreende muitos iniciantes: um arquivo HTML é, no fundo, um arquivo de texto simples. Você poderia escrevê-lo até no Bloco de Notas.

O que o diferencia de um .txt comum é a extensão .html e o fato de ele seguir as regras de marcação que os navegadores entendem. Quando você salva um arquivo com a extensão .html e o abre no navegador, ele deixa de ser um texto puro e vira uma página web.

minha-pagina.html  →  abrir no navegador  →  página web renderizada

Isso significa que você não precisa de nenhum software especial para criar HTML — apenas um editor de texto e um navegador. Claro que usar um editor de código como o VS Code torna tudo muito mais prático, mas a essência é simples.

Resumindo

  • HTML é a linguagem de marcação usada para estruturar o conteúdo de páginas web
  • Ele funciona por meio de tags que descrevem o que cada elemento é
  • HTML não é uma linguagem de programação — ele não executa lógicas
  • Ele é o esqueleto da página: define a estrutura, mas não a aparência nem o comportamento
  • Todo site do mundo usa HTML
  • Um arquivo HTML é um arquivo de texto simples com extensão .html
  • HTML trabalha em conjunto com CSS (aparência) e JavaScript (comportamento)