O que é HTML?
HTML, sigla de HyperText Markup Language ou linguagem de marcação de hipertexto, é o formato que descreve o conteúdo de uma página web e como ele se organiza. Toda página que você abre no navegador chega como um arquivo HTML.
O HTML funciona por marcação. Você envolve um trecho de conteúdo em uma etiqueta que diz o que aquilo é: <h1> para o título principal, <p> para um parágrafo, <a> para um link, <img> para uma imagem, <form> para um formulário. O navegador lê essas etiquetas e monta a página.
Uma característica distingue o HTML de linguagens de programação: ele descreve, sem calcular nem decidir. Não existe condição, laço ou variável. O HTML declara a estrutura, o CSS cuida da aparência e o JavaScript adiciona comportamento. Os três formam a base do front-end.
A semântica do HTML tem peso prático. Marcar um título com <h1> em vez de um texto grande em negrito comunica hierarquia. Buscadores usam essa estrutura para entender o conteúdo, e leitores de tela a usam para navegar pela página.
Como funciona na prática?
Um documento HTML segue sempre a mesma anatomia:
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<title>Nome da página</title>
</head>
<body>
<h1>Título principal</h1>
<p>Um parágrafo de texto.</p>
</body>
</html>O <head> guarda informações sobre a página: título, descrição, idioma, referências a folhas de estilo e scripts. Nada dali aparece no corpo da tela. O <body> contém tudo o que o visitante enxerga.
O caminho até a tela tem quatro etapas: o navegador pede o arquivo ao servidor, lê o HTML de cima para baixo, monta uma árvore de elementos chamada DOM e aplica os estilos e scripts declarados. Quanto mais limpo o HTML, mais rápido esse ciclo termina, o que influencia a performance de site.
Em projetos com CMS, você raramente escreve o HTML final à mão. O tema de site contém modelos que geram o HTML a partir do conteúdo cadastrado no painel.
Exemplos de uso
- Uma padaria publica um site institucional de uma página. O HTML organiza o cardápio em uma lista, o endereço em um bloco de contato e o link do WhatsApp em um
<a>que abre a conversa direto no celular. - Um blog usa
<h1>para o título do artigo e<h2>para as seções. Essa hierarquia ajuda os buscadores a entender o assunto de cada trecho e permite que leitores de tela pulem de seção em seção. - Uma imobiliária marca cada anúncio com dados estruturados dentro do HTML, informando preço, área e número de quartos em um formato que os buscadores leem de forma direta.
Erros comuns
- Usar
<div>para tudo, jogando fora a semântica que buscadores e leitores de tela aproveitam. - Colocar vários
<h1>na mesma página, embaralhando a hierarquia do conteúdo. - Esquecer o atributo
altnas imagens, deixando o conteúdo visual inacessível. - Marcar títulos pelo tamanho da fonte em vez do nível hierárquico correto.
- Deixar o atributo
langfora do<html>, o que atrapalha tradutores e leitores de tela.
Perguntas frequentes sobre HTML
HTML é uma linguagem de programação?
Não. HTML é uma linguagem de marcação: ela descreve a estrutura do conteúdo, sem executar cálculos, condições ou laços. A programação em uma página web fica por conta do JavaScript no navegador ou de uma linguagem de servidor no back-end.
Preciso saber HTML para ter um site?
Não para publicar. Um CMS ou um construtor visual gera o HTML por você a partir do conteúdo cadastrado. Conhecer o básico ajuda quando algo quebra, quando você quer ajustar um detalhe do tema ou quando precisa entender um diagnóstico de SEO.
O que é HTML5?
HTML5 é a versão atual da linguagem, e ela trouxe elementos semânticos como <header>, <nav>, <article> e <footer>, suporte nativo a vídeo e áudio sem plugins, e novos tipos de campo em formulários, como email e date, com validação embutida no navegador.