Introdução

O que é o HTML?

HTML é um acrônimo para Hyper Text Markup Language.
HTML é uma linguagem de marcação utilizada para descrever a estrutura de uma página na internet.
O HTML é composto por uma série de elementos que servem para descrever ao browser como mostrar o conteúdo da sua página.
Cada elemento (tag) possui um propósito específico e tem uma função diferente dentro da página.
Um elemento é definido por sua tag de início, o conteúdo, e sua tag de fechamento (terminada com um /). O conteúdo que estiver entre essas tags é o que receberá a função específica dessa tag. Nunca esqueça de "fechar" as suas tags.
Alguns elementos não possuem conteúdo interno (são tags vazias) então não precisam ser "fechados" com uma tag de fechamento, pois são tags puramente declarativas, como é o caso das tags !DOCTYPE, br e hr.
Essas tags também possuem atributos que podem ser usados para modificar o comportamento do conteúdo ou fornecer informações adicionais dentro das tags.

Os atributos sempre são fornecidos na tag de abertura, e geralmente são escritos no padrão nome = "valor".
Nem sempre o "valor" do atributo necessita estar entre aspas, mas é recomendado que elas sejam sempre utilizadas.
Você pode utilizar tanto aspas simples quanto aspas duplas em um atributo. É recomendado utilizar aspas duplas sempre que possível.
Se você precisar utilizar aspas simples dentro do texto de um atributo, utilize aspas duplas no atributo.
Se você precisar utilizar aspas duplas dentro do texto de um atributo, utilize aspas simples no atributo.

Os elementos em HTML podem ser usados dentro de outros elementos (tags dentro de tags), e tem alguns elementos que possuem o propósito específico de ser usado apenas dentro de certo elemento.
A linguagem HTML não é case sensitive, o que significa que não faz diferença escrever as tags utilizando letras minúsculas ou maiúsculas. Porém é recomendado utilizar sempre letras minúsculas.
O papel do seu browser é ler esse documento ".html" que você escreveu, interpretar o código e gerar a página da internet.

Um editor de textos simples é tudo o que você precisa para criar seu documento HTML.
Usuários mais avançados editam o código utilizando editores mais avançados como o Vim, mas ensinar a mexer nessas ferramentas não é o objetivo desse tutorial. Se você for iniciante, pode utilizar até mesmo o Bloco de Notas.
Para criar um documento HTML, basta abrir um arquivo de texto no seu editor e salvar o arquivo com a extensão ".html". Dessa forma, o arquivo será interpretado como uma página HTML ao ser executado.
Importante: a página inicial do seu site deve sempre possuir o nome "index.html".

Você pode inspecionar o código-fonte de qualquer página HTML no seu browser.
No computador, geralmente o método usado para isso é clicando com o botão direito do mouse sobre a página e escolhendo a opção "Mostrar código-fonte".
Estudar o código escrito por outros é uma ótima fonte de aprendizado.