FácilFase 5

Exercício Fácil — A Tua Página Pessoal

Cria uma página HTML simples sobre ti, e estiliza-a com um ficheiro CSS separado.

FerramentasVS CodeNavegador

Objetivo: praticar a estrutura básica de HTML e a ligação a um ficheiro CSS externo.

Cria uma pasta pagina-pessoal dentro de fase5, com dois ficheiros: index.html e estilos.css.
No index.html, escreve a estrutura completa (DOCTYPE, html, head, body).
Dentro do body, adiciona: um h1 com o teu nome, um parágrafo com uma frase sobre ti, e uma lista (ul/li) com três coisas que estás a aprender.
Liga o ficheiro CSS no head com a tag link.
No estilos.css, estiliza o h1 com uma cor à tua escolha, e o body com uma fonte e um espaçamento (padding) confortáveis.
Abre o ficheiro index.html diretamente no navegador (duplo clique) e confirma que os estilos são aplicados.

Dicas

Se o CSS não parecer aplicado, confirma o caminho no href do link — um erro de nome de ficheiro é a causa mais comum.
Usa as ferramentas de developer do navegador (F12) para inspecionares os elementos e confirmares que classes/estilos estão realmente a chegar.

Esquecer de fechar alguma tag, o que pode desalinhar o resto da página.
Escrever CSS dentro de um atributo style="" em vez de usar o ficheiro externo, perdendo a prática pedida no exercício.