Carregando...

Introdução ao HTML

O HTML é a base de cada página web. Antes do CSS ou do JavaScript, o navegador precisa de uma estrutura clara que diga o que é cada parte do conteúdo.

O que é HTML?

HTML (HyperText Markup Language) é a linguagem padrão para estruturar o conteúdo das páginas web. Escreve etiquetas à volta do texto e dos média para o navegador saber o que são títulos, parágrafos, links, imagens e outros elementos.

Porque o HTML importa

Sem HTML, o navegador não compreende bem o significado e a ordem do conteúdo. HTML não é uma linguagem de programação; é uma linguagem de marcação.

Primeiro olhar às etiquetas

O HTML usa etiquetas com parênteses angulares. A maioria dos elementos tem etiqueta de abertura e de fecho.

Olá HTML

html
HTML Code
<!DOCTYPE html>
<html>
<head>
<title>My First Page</title>
</head>
<body>
<h1>Hello HTML</h1>
<p>This is my first paragraph.</p>
</body>
</html>

O que este exemplo mostra

  • <!DOCTYPE html> indica um documento HTML moderno
  • <html> é o elemento raiz
  • <head> guarda informação da página, como o título
  • <body> tem o conteúdo visível
  • <h1> é um título principal
  • <p> é um parágrafo

Como o navegador usa HTML

O navegador lê a marcação de cima para baixo, constrói o DOM e mostra o conteúdo segundo as etiquetas.

HyperText e links

HyperText refere-se a texto que pode ligar a outros documentos. Ligar páginas transforma ficheiros separados num site.

Um link simples

html
HTML Code
<a href="https://example.com">Visit Example</a>

O elemento <a> cria uma hiperligação. O atributo href guarda o endereço de destino.

Experimente você mesmo

Crie index.html, cole o exemplo completo, guarde e abra no navegador. Altere o título e atualize a página.

Erros comuns

  • Tratar HTML como linguagem de programação
  • Esquecer etiquetas de fecho
  • Colocar conteúdo visível em <head> em vez de <body>
  • Omitir <!DOCTYPE html>

Resumo

  • HTML estrutura conteúdo com etiquetas
  • É marcação, não programação
  • Página básica: doctype, html, head, body
  • Títulos e parágrafos são elementos iniciais
  • Links ligam páginas
  • Pratique com um ficheiro HTML pequeno

🧠 Teste Seu Conhecimento

Pronto para Começar

Teste Seu Conhecimento

Desafie-se com este questionário interativo e veja o quão bem você entende o tópico

❓
8
Perguntas
🎯
70%
Para Passar
♾️
∞
Tempo
🔄
∞
Tentativas

📝 Instruções

  • Leia cada pergunta cuidadosamente
  • Selecione a melhor resposta para cada pergunta
  • Você pode refazer o quiz quantas vezes quiser
  • Seu progresso será mostrado no topo