O que é HTML?
Toda página que você abre no navegador precisa de algo que diga o que é título, o que é texto e o que é um link. É essa a função do HTML.
Estudar esta lição interativa →Imagine que alguém te entregasse um texto solto, sem título destacado, sem parágrafos separados, tudo colado numa única massa de palavras. Daria para ler, mas seria cansativo, e você não saberia à primeira vista o que é o assunto principal e o que é detalhe. É basicamente isso que aconteceria com qualquer site se não existisse uma forma de marcar o que cada pedaço de conteúdo é. Essa é a função do HTML (HyperText Markup Language, "linguagem de marcação de hipertexto"): ele não deixa a página bonita, ele diz o que é o quê, isto é a estrutura.
Pense em quando você se muda de casa e embala tudo em caixas. Se você não etiqueta nada, chega na casa nova com uma pilha de caixas idênticas e precisa abrir cada uma para saber o que tem dentro. Se você etiqueta ("cozinha", "quarto", "livros"), qualquer pessoa consegue organizar tudo sem abrir caixa nenhuma. O HTML é exatamente esse conjunto de etiquetas: cada tag diz "isto aqui é um título", "isto é um parágrafo", "isto é um link", para que o navegador (e quem lê o código depois) entenda a função de cada pedaço sem adivinhar.
Repare que o HTML não é uma linguagem de programação como o JavaScript: ele não tem contas, não toma decisões, não repete nada. Ele só descreve estrutura e conteúdo. (Por isso este curso não exige o de Lógica de programação: raciocínio de contas, decisões e repetições só entra de verdade a partir do JavaScript, e o curso de Lógica é o melhor preparo para essa hora.) Veja um pedaço de HTML rodando ao vivo abaixo: o texto entre <h1> e </h1> vira o título grande da página, e o texto entre <p> e </p> vira um parágrafo comum. Repare como o navegador já sabe, sozinho, como desenhar cada um diferente:
🧩 Este conteúdo é interativo — abra no app para ver e rodar de verdade. Este HTML já está rodando de verdade, ao vivo, na célula abaixo.
Isso acontece em qualquer site que você visita. Abra uma notícia, um perfil de rede social ou uma loja on-line: por trás de tudo o que aparece na tela existe HTML organizando o conteúdo em títulos, parágrafos, listas, imagens e links. Um jornal on-line, por exemplo, usa uma tag de título para a manchete, tags de parágrafo para o texto da matéria e tags de link para "leia também". É a mesma receita usada nos maiores sites do mundo, só que em escala maior.
Você vai notar que a página acima está com uma aparência bem simples, sem cores nem espaçamentos refinados. É de propósito: neste curso o foco é a estrutura. Deixar a página bonita é trabalho do CSS, assunto de um curso próprio (o próximo, depois deste). Por ora, toda a sua atenção vai para "o que cada pedaço de conteúdo é", que é a base sobre a qual o CSS depois trabalha.
🧩 Este conteúdo é interativo — abra no app para ver e rodar de verdade. Edite o HTML e clique em Rodar para ver o resultado.