Uma página começa com significado

Vamos descobrir juntos

1. 1

   HTML marca conteúdo e relações: <p> é um parágrafo, <h1> é um título de nível 1. Um elemento costuma ter abertura, conteúdo e fechamento; atributos ficam na abertura. Escreva <p>Olá</p>, não use espaços para desenhar uma página.

2. 2

   <!doctype html> solicita o modo moderno de renderização. <html lang="pt-BR"> informa o idioma principal; use en ou es quando traduzir. <head> reúne metadados: charset UTF-8, viewport e <title>, que nomeia a aba. <body> contém o conteúdo da página.

3. 3

   O título da aba e o título visível têm funções diferentes. A prévia desta trilha mostra o corpo com estilos de leitura e alguns elementos permitidos; ela não executa JavaScript nem reproduz todos os recursos de uma página real.

4. 4

   Abra “Meus arquivos e GitHub”, altere o título e o parágrafo do exemplo e use “Atualizar prévia”. Baixe o .html e abra-o no navegador. No computador, edite como texto simples em UTF-8: index.html, não index.html.txt; salve e recarregue para ver mudanças.