HTML

Definição

HTML é a sigla de HyperText Markup Language. É a linguagem de marcação que estrutura o conteúdo de documentos web. Com elementos, atributos e hierarquia, o HTML define títulos, parágrafos, links, imagens e formulários.

Elementos, atributos e hierarquia

Um elemento marca um bloco do documento, um atributo adiciona informação sobre ele, e a hierarquia organiza como os blocos se contêm. A marcação semântica diz o que cada parte do conteúdo significa, e não apenas como aparece.

<form action="/contato" method="post">
<label for="nome">Nome</label>
<input id="nome" name="nome" type="text">

<label for="email">E-mail</label>
<input id="email" name="email" type="email">

<button type="submit">Enviar</button>
</form>

A estrutura precede a aparência

O HTML estrutura o conteúdo, e a aparência final depende dos estilos e do navegador. Uma mesma marcação pode aparecer com apresentações muito diferentes conforme o CSS aplicado, sem que o conteúdo mude.

Como conferir a estrutura

A falha mais comum é uma hierarquia quebrada, como um elemento que deveria estar dentro de outro aparecendo do lado de fora, ou um bloco marcado como divisão genérica no lugar de um título. Para conferir, abra a aba Elements das ferramentas do navegador e percorra a árvore do documento: cada elemento aparece aninhado conforme a marcação. A ordem e o aninhamento mostram se o navegador interpretou a estrutura como você pretendia, e a inspeção de um elemento exibe os atributos aplicados, como o name de cada campo do formulário.

Aplicação na formação

Vibe Coding: Do Zero ao MVP

Na Formação Vibe Coding, o HTML entrega a estrutura que a interface apresenta e que os estilos e scripts complementam.

Conhecer a formação →