O que acontece quando se digita um endereço na barra de endereços de um navegador?

Qualquer que seja o browser ( Internet Explorer, Firefox, Opera, ou...) ele procurará pelo site solicitado, fazendo um pedido a computadores especificos que estão espalhados pela internet, denominados servidores de DNS.

Eles tem uma base de dados que identificam exatamente qual é o computador onde está a informação, pois localizam o seu endereço IP. Após contatar essa máquina, o navegador lhe efetua o pedido de cópia dos arquivos para o computador onde a pessoa está.

Toda a comunicação entre os computadores é feita em texto corrido, basicamente usando a linguagem HTML. Essa sigla vem do inglês: Hiper Text Mark-up Language, e pode ser traduzida por Linguagem de Marcação de Hiper Texto.

HTML é uma linguagem de formatação que diz exatamente como o documento foi construído por seu autor. Por exemplo, especifica a posição e tamanho das figuras; o tipo, cor, e tamanho da fonte; a cor do fundo; o tamanho das margens, etc...

O navegador, ao ler o arquivo HTML, tem condições de reproduzir exatamente, no computador local, a página que está em outro computador.

Assim, essa linguagem é utilizada para criar arquivos que podem ser visualizados na World Wide Web, um dos serviços mais populares da Internet e por correio eletrônico, pois o HTML permite a criação de documentos que podem ser lidos em qualquer tipo de computador e transmitidos pela Internet e por mensagens eletrônicas.

Importantíssimo é mencionar que o HTML permite criar ligações entre arquivos. São os links, que possibilitam a navegação virtual, ou seja, ao serem clicados permitem acessar outro arquivo, o qual, evidentemente, pode estar no mesmo computador, ou não e pode ter qualquer natureza: texto, imagem, som, vídeo.

Aqui é importante lembrar que hipertexto denomina documentos que podem conter todo o tipo de informação: textos, fotos, animações, trechos de vídeo, sons e programas, além dos links, as ligações para outros arquivos.

A linguagem é descritiva e foi criada para ser lida em qualquer computador que tenha instalado um programa navegador (em inglês: browser) como Mozilla suíte, Firefox, Netscape, Internet explorer, Opera, Safari, Planet, entre outros).

Uma das principais características do HTML se reflete no fato de se um programa navegador não "entender" um determinado comando, este é ignorado e não é apresentado, não originando mensagem de erro e afetando minimamente o restante do documento.

Assim, resumidamente, quando se digita um endereço de um site, o navegador : 

-contata o servidor de DNS e descobre onde está o computador que hospeda o site desejado,

-envia o pedido de cópia do(s) arquivo(s) que está naquele endereço,

-então, o servidor web analisa e trata o pedido e responde ao navegador com um arquivo de texto,

-o navegador obedece o texto e constrói a página na tela do cliente,

-a pessoa vê, em seu monitor, a página web solicitada.

Entretanto, como o HTML é uma linguagem descritiva, de formatação, nem sempre diferentes navegadores exibem a mesma apresentação em cada página. Ou seja, os detalhes codificados no HTML podem ser suficientes para um deles mas não suficientes para outro.

Assim, cada navegador poderá interpretar os dados de uma forma um pouco diferente. Portanto, quanto mais perfeitamente descrita a página for, maiores serão as chances do documento ser interpretado da mesma forma por diversos navegadores.


Linguagem de formatação

Diferentemente dos processadores de texto, a linguagem HTML não foi criada para controlar a aparência dos documentos.

O HTML apenas informa ao navegador o que são os elementos que estão na página, quais arquivos (imagens, sons) ela contém eonde eles estão. (Por exemplo, um certo trecho é identificado como o título principal do documento e outro trecho como um link).

Essa descrição é feita por meio de comandos, os tags, marcas especiais que determinam o papel de cada elemento dentro do texto e que permitem ao browser interpretar e exibir a página conforme ela foi concebida por seu autor(a).

Assim, a formatação do documento é deixada para o navegador. Portanto, cada programa pode exibir a página de um modo um pouco diferente (o que dificulta o trabalho de programação visual). Além disso, cada usuário pode modificar a configuração padrão de seu navegador para que o seu programa mostre o documento na fonte (tipo de letra) e nas cores que desejar.

Com o tempo a linguagem foi evoluindo com a introdução de novos tags e novos atributos de estilo. O HTML passou a exercer uma dupla função em relação ao conteúdo: exibir e estilizar, ou seja dar-lhe a aparência visual.



Para se criar documentos HTML pode-se usar qualquer editor de texto, pois basta que se salve um documento com o formato txtcom a terminação htm ou html, para que ele possa ser aberto por qualquer navegador.

Entretanto , a linguagem HTML é estática, mas pode ser dinamizada por outras linguagens como

 Javascript e CSS: são do tipo "client side", ou seja são interpretadas pelo browser no computador do cibernauta ou
 PHP, asp, java: são interpretadas pelos servidores web

É importante notar que a maioria dos sistemas operacionais já vêm com um editor simples que cria documentos de tipo txt (Exemplo: bloco de notas - Notepad). Aqui convém notar que o Metapad tem algumas opções extras. O Kompozer já tem um editor incluído.

LEIA MAIS

HTTP

HTTP significa (HyperText Transfer Protocol), o que pode ser traduzido por Protocolo de Transferência de Hipertexto.
Assim, HTTP é o protocolo usado pelos computadores para a transmissão de dados na World Wide Web.
É importante lembrar que hipertexto é um texto que pode apresentar sons, vídeos, imagens e outras aplicações. Ou seja, os dados que podem ser transferidos podem ser de qualquer tipo.Mas, o que realmente caracteriza o hipertexto é que pode possuir links, isto é, ligações para outros arquivos (textos, imagens, sons, vídeos). Assim, os links possibilitam a "navegação", tanto dentro de um arquivo, de um ponto para outro, ou entre arquivos diferentes, que podem estar em computadores também diferentes, e que podem estar localizados proximamente ou estar extremamente distantes no planeta.

Portanto, quando se digita um endereço na barra de endereços em um navegador ou, sempre que se clica sobre um link, o navegador realiza uma comunicação com um servidor da Web por meio do protocolo HTTP e possibilita tudo o que a Internet pode oferecer.

Fonte : http://www.ufpa.br/dicas/htm/htm-intr.htm

LEIA MAIS

Estrutura

A estrutura básica de um documento HTML (Hyper Text Markup Language - Linguagem de Marcação de Hypertexto), apresenta as seguintes marcações:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <meta name="description" content="a descrição do seu site em no máximo 90 caracteres">
        <meta name="keywords" content="escreva palavras-chaves curtas, máximo 150 caracteres">
        <title>Título do Documento</title>
    </head>
    <body>
    <!-- Aqui fica a página que será visível para todos, onde pode-se inserir
    textos, imagens, links para outras páginas, etc, geralmente usa-se: -->
 
    <div>Tag para criar-se uma 'caixa', um bloco, mais utilizada com "Cascading Style Sheets
         (Folhas de Estilo em Cascata)</div>
 
    <span>Tag para modificação de uma parte do texto da página</span>
 
    <img src="endereço_de_uma_imagem.jpg" />
 
    <a href="http://www.wikipedia.org">Wikipedia, A Enciclopédia Livre</a>
    </body>
</html>

As etiquetas básicas de HTML, cuja presença é altamente recomendada nas páginas são:

• <html>: define o início de um documento HTML e indica ao navegador que todo conteúdo posterior deve ser tratado como uma série de códigos HTML
• <head>: define o cabeçalho de um documento HTML, que traz informações sobre o documento que está sendo aberto
• <body>: define o conteúdo principal, o corpo do documento. Esta é a parte do documento HTML que é exibida no navegador. No corpo podem-se definir atributos comuns a toda a página, como cor de fundo, margens, e outras formatações.

• Cabeçalho

Dentro do cabeçalho podemos encontrar os seguintes elementos:

• <title>: define o título da página, que é exibido na barra de título dos navegadores
• <style type="text/css">: define formatação em CSS
• <script type="text/javascript">: define programação de certas funções em página com scripts, podendo adicionar funções de JavaScript
• <link>: define ligações da página com outros arquivos como feeds, CSS, scripts, etc
• <meta>: define propriedades da página, como codificação de caracteres, descrição da página, autor, etc

São meta informações sobre documento. Tais campos são muitos usados por mecanismos de busca (como o Google, Yahoo, Bing) para obterem mais informações sobre o documento, a fim de classificá-lo melhor. Por exemplo, pode-se adicionar o código <meta name="description" content="descrição da sua página" /> no documento HTML para indicar ao motor de busca que texto de descrição apresentar junto com a ligação para o documento. Para o motor de busca Google, por exemplo, elementos meta como keywords não são utilizadas para indexar páginas. Apenas <title> e a meta <description> são usadas para descrever a página indexada.^[6]

Obs: as etiquetas <style> e <script> servem tanto para delimitar os espaços usados pelos códigos na página quanto para invocar códigos existentes em outros arquivos externos.

Corpo

Dentro do corpo podemos encontrar outras várias etiquetas que irão moldar a página, como por exemplo:

• <h1>, <h2>, ... <h6>: cabeçalhos e títulos no documento em diversos tamanhos.
• <p>: novo parágrafo.
• <br />: quebra de linha.
• <table>: cria uma tabela (linhas são criadas com <TR> e novas células com <TD>, já os cabeçalhos das colunas são criados com as etiquetas <THead><TH> e os rodapés com<TFooter><TR><TD>).
• <div>: determina uma divisão na página a qual pode possuir variadas formatações.
• <b>, <i>, <u> e <s>: negrito, itálico, sublinhado e riscado, respectivamente.
• <img />: imagem.
• <a>: hiper-ligação para um outro local, seja uma página, um e-mail ou outro serviço.
• <textarea>: caixa de texto (com mais de uma linha); estas caixas de texto são muito usadas em blogs, elas podem ser auto selecionáveis e conter outros códigos a serem distribuídos.
• <abbr>: abreviação (sigla simplesmente abreviada).
• <cite>: citação.
• <address>: endereço. <address>: endereço.

LEIA MAIS

Introdução

HTML (HyperText Markup Language) é a linguagem de marcação principal para exibição de páginas web e outras informações que podem ser exibidos em um navegador da web.

HTML é escrito na forma de elementos HTML consistindo de tags entre colchetes angulares , dentro do conteúdo da página. HTML tags mais comumente vêm em pares, apesar de algumas marcas, conhecidas como elementos vazios, são não pareado, para <img> exemplo. A primeira tag em um par é a marca inicial, a segunda tag é a tag final (eles também são chamados de marcas de abertura e fechamento). De entre estas tags web designers pode adicionar texto, tags, comentários e outros tipos de conteúdo baseado em texto.O propósito de um navegador da web é a leitura de documentos HTML e compô-los em páginas web visíveis ou audíveis. O navegador não exibe as tags HTML, mas usa as tags para interpretar o conteúdo da página.

Elementos HTML formar os blocos de construção de todos os sites. HTML permite que imagens e objetos para ser incorporado e pode ser usado para criar formas interativas. Ele fornece um meio para criar documentos estruturados por denotando semântica estrutural de texto, tais como títulos, parágrafos, listas, links, citações e outros itens. Ele pode inserir scripts em linguagens como JavaScript que afetam o comportamento das páginas da web em HTML.
Os navegadores da Web também pode consultar a Cascading Style Sheets (CSS) para definir a aparência eo layout de texto e outro material. O W3C, mantenedor de tanto o HTML e os padrões CSS, incentiva o uso de CSS sobre explicitamente apresentação marcação HTML.

fonte (http://en.wikipedia.org/wiki/HTML)

LEIA MAIS