DevPath · Aprenda a programar ESPTEN

HTML: a estrutura da web

O que é HTML?

HTML: o esqueleto da web

Bem-vindo à trilha onde o que você escreve aparece na tela na hora. O HTML (HyperText Markup Language) é o esqueleto de todo site: a linguagem usada para descrever a estrutura de uma página. Em poucos minutos você terá a sua primeira página.

Não é uma linguagem de programação: é uma linguagem de marcação. Você diz ao navegador "isto é um título", "isto é um parágrafo", "isto é uma imagem", e ele desenha. Você manda, ele pinta.

Tags e elementos

A marcação é feita com tags entre < e >. A maioria vem em pares, como uma pinça: uma de abertura e uma de fechamento (esta com /). Abertura, conteúdo e fechamento formam um elemento.

<p>Isto é um parágrafo.</p>

Aninhar elementos

Os elementos são colocados uns dentro dos outros, formando uma árvore:

<body>
  <h1>Meu blog</h1>
  <p>Bem-vindo ao meu <strong>primeiro</strong> site.</p>
</body>

<strong> (negrito com ênfase) mora dentro do parágrafo, como uma caixa dentro de outra caixa. Essa hierarquia de caixas aninhadas é exatamente o DOM que você já viu em JavaScript.

Nestes exercícios você escreve HTML e vê o resultado na hora na pré-visualização. Clique em Verificar e veja sua página tomar forma; a validação confere a estrutura que você gera.

Coloque isto em prática

O DevPath é um curso prático: aqui você lê a teoria; no app você a coloca em prática com exercícios que rodam de verdade, offline.

Comece grátis no app →
Títulos, parágrafos e listas →