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.