HTML: A minha primeira página HTML com CSS externo (+ Cores em HTML)

Deves elaborar os seguintes cursos:

Para começar a programar em HTML+CSS, precisamos de:

Um editor de texto ASCII simples. Pode ser o Bloco de Notas, Notepad++, Atom ou outro qualquer.
Um navegador de Internet. Qualquer um serve, preferencialmente o Chrome (ou Firefox).
Uma conta gratuita no Github (para armazenar, editar e ver a página web online)

Exemplo da estrutura básica de um ficheiro HTML (sem CSS)

Ficheiro: ola_mundo.html

Disponível no Github: [Ver] [Executar]

<!DOCTYPE HTML>

<html>

<head>

<meta charset="UTF-8">

<title> Olá Mundo!</title>

</head>

<body>

<p> Olá Mundo!</p>

</body>

</html>

Caelum (BR)

Alguns dos exemplos foram retirados do curso online da Caelum (BR) disponível em www.caelum.com.br/apostila-html-css-javascript

Para os experimentares deves desencarregar o seguinte ficheiro ZIP (caelum-arquivos-curso-web.zip (9277k)) que se encontra

Exemplos práticos

Para perceber como se formata o HTML a partir de um ficheiro CSS externo vamos

criar 3 formatações distintas para o mesmo conteúdo HTML

Clica nos ficheiros de exemplo para visualizar as diferentes formatações da mesma página HTML:

Exemplo sem formatação (não chama nenhum ficheiro CSS): teste123.html. Disponível no Github: [Ver] [Executar]
Exemplo 1 com o ficheiro estilos1.css. exemplo1.html. Disponível no Github: [Ver] [Executar]
Exemplo 2 com o ficheiro estilos2.css. exemplo2.html. Disponível no Github: [Ver] [Executar]