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<!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<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
Teste Seu Conhecimento
Desafie-se com este questionário interativo e veja o quão bem você entende o tópico
📝 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