HTML - Exibindo elementos do documento com HTML
HTML significa Hyper Text Markup Language. Mas o que realmente significa isso?

História por tras do html

Inicialmente antes do começo da Internet haviam as BBS (Bouletim Board Sistem) que nada mais eram dois computadores trocando texto através de um modem e de uma linha telefonica. Se você não é desse tempo, ótimo...não perdeu nada.

Só para te situar no contexto de tecnologia da informação, os terminais dos computadores de grande porte até hoje só trocam basicamente texto ( e alguns caracteres especiais mas não são gráficos ).

Contudo logo se notou o potencial da ferramenta. Segundo o exemplo de seu primo, o telefone, viu-se que podia ganhar muito tempo puxando o telefone do gancho e falando com a pessoa do que ir lá falar com ela. É um ganho considerável de tempo. E se lembra quem inventou o slogan 'tempo é dinheiro?'. Você verá a seguir.

Na época já existiam sistemas como o telex e teletexto que eram máquinas que trocavam texto contudo eram caras (apenas as empresas podiam comprar) lentos, muitas vezes mecânicos ( o que faziam eles ser mais caros ainda e a manutenção mais cara também), primitivos. Esses equipamentos já tinham teclado e podiam enviar informações de volta de uma máquina para outra.

Com o passar do tempo logo as empresas começaram a pressionar os desenvolvedores para efetuarem melhorias na Internet para que pudessem utilizá-la para seus propósitos.

Uma delas foram os bancos que gostariam agilizar seus negócios trocando informações diretamente com seus clientes sem que estes precisassem sair de casa. Imagine, um investidor teria que ir ao banco, ver a ação que esta em alta, comprar e se quisesse seguir o andamento do seu investimento teria que voltar ao banco. Sendo assim os bancos viram na internet uma verdadeira revolução, como realmente foi, antes tudo era feito na agência, hoje se 3% do movimento bancário for feito na agência é muito.
Para atender os bancos precisavam de sigilo, ou seja, que usuário se identificasse, informasse do valor de um depósito, a conta e que a conexão e a transação fosse segura, etc.
A transmissão de texto era eficiente e rápida. Mas, como agora o usuário iria visualizar o documento feito pelo banco, por exemplo, eles queriam colocar o logotipo do banco, uma linha de separação...algumas coisas a mais para melhorar e personalizar a visualização do documento.

Na época já existiam mensagens capaz de compor um documento com riqueza de recursos mas não operavam como o necessário. Se você ver o padrão RTF(Rich Text Format) vai ver que ele consegue exibir um documento texto perfeitamente de qualquer jeito que for necessário mas se ao tentar abrir o documento .rtf o arquivo estiver corrompido dará um erro e o programa não exibirá o documento. Na web o desejado é que se ele não encotrasse um recurso colocasse um simbolo informando a falta e ai continuasse renderizando o resto do documento.
Se você estudar o padrão PDF verá que ele é um arquivo binário e nunca poderia ser usado na web pelo motivo que todo conteúdo da web deve ser texto puro.

html

Como o sistemas já estavam funcionando pensaram num novo formato, o html.
Como não havia nada que 'interpretasse' esse novo código e, pensando na confusão que eram as BBS da época, resolveram criar um programa especial que 'interpretaria' o html e exibiria o documento corretamente. Este programa inicialmente foi chamado de 'application killer' porque as BBS não podiam impor seus padrões através de suas aplicações que eram proprietárias de cada BBS e a intenção era padronizar e simplificar todo o processo. Depois o nome 'application killer' foi chamado browser que seria encarregado de exibir o novo formato do documento.
Sendo assim, a metodologia atual, que era trocar texto entre duas máquinas, continuaria funcionando e colocando 'algo especial' no texto ( as tags ) representaria não texto mas sim outro elemento, como uma imagem, uma entrada de dados ou o que preciso fosse.

Portanto inventaram as tags que apesar de serem puro texto são interpretadas pelo browser como 'comandos especiais' e agregam elementos que não são texto puro nas páginas.

Para definir uma tag eles usaram 2 caracteres que é muito raro de serem usados : O sinal de menor (<) e maior (>).

Sendo assim p seria um texto comum mas <p> seria uma tag de parágrafo que faria a funcionalidade de parágrafo de um documento, ou seja, se não estiver no início da linha ir para a próxima linha, escrever algo e no término ir para a próxima linha.

Por exemplo <b>Indicaria o começo de um texto a ser negritado e </b> indicaria que o final do negrito.

Exemplo:
Definindo um texto negritado : <b>O texto dentro desta tag deve estar negritado</b> mas este não
Exibindo um texto negritado : O texto dentro desta tag deve estar negritado mas este não

Algumas adapatações foram feitas posteriormente como colocar uma tag tipo a <br> que permitiu quebrar uma linha de texto no browser independentemente da quebra de linha na programação. Isto permitia que o 'código' da página fosse escrito em diversas linhas sem que no entanto, no documento exibido, essas linhas teriam a mesma quebra de linhas.

Resumo

1-HTML é um padrão de desenvolvimento de documentos web que está em continua evolução.
2-O html define o que deve ser exibido num documento html, todos os elementos.
3-Outro elemento que evoluiu do HTML é a CSS que define como os elementos deverão ser exibidos.
4-Um amigo inseparável do hmtl é o javascript. Desde os primórdios do browser ele auxilia na interação entre o usuário e o browser.