INTRODUÇÃO

1. O Que é HTML?

HTML (Hypertext Mark-up Language) é a linguagem de hipertexto utilizada para desenvolver páginas da web.

O HTML é formado por marcações (ou tags) que indicam ao navegador (programa com o qual você pode visualizar as páginas da web) como você quer que os elementos desse documento sejam apresentados.

Ou seja, uma página em HTML é escrita utilizando texto puro (letras, números, etc.), que será interpretado pelo navegador – este, por sua vez, deverá ler todas as tags (marcações) do documento e apresentar os elementos da página de acordo com elas.

Exemplos de Tags:
Tag única: <BR> (quebra de linha)

Tag dupla: <U> ..texto.. </U> (sublinha o texto)

Nota: Você pode utilizar tanto letras maiúsculas quanto minúsculas ao criar sua página utilizando HTML:
<B> = <b>

2. HTML e Compatibilidade:

Os vários navegadores interpretam HTML de formas diferentes. Caso pretenda criar websites profissionalmente, o ideal é que você instale várias opções de navegadores em seu computador, de forma a prever a aparência que suas páginas da web terão, ao menos nos navegadores mais comumente utilizados.

O computador que o internauta utiliza ao visitar seu website também poderá apresentar suas páginas de uma forma diferente daquela que o seu computador apresenta, dependendo da configuração de tela do monitor, da quantidade de cores suportadas, etc....

Atualmente, sua maior preocupação poderá ser com a resolução de tela utilizada, pois esta difere bastante entre os diversos computadores. Os computadores mais antigos ainda podem ter uma resolução de tela de 480 por 600 pixels, enquanto os mais novos chegam a 1440 por 900 pixels. Isto faz com que o tamanho dos textos e imagens apareçam maiores ou menores, e faz com que alguns sites não caibam inteiros na janela do navegador (precisando ser utilizada a barra de rolagem para ver o restante da página).

Sendo assim, a aparência final da sua página irá depender do programa (navegador) e do computador que estão sendo utilizados por cada visitante do seu website.

3. Como Editar, Salvar e Visualizar:

As páginas da web, como mencionado, são desenvolvidas utilizando texto puro, o que significa que basta escrever o código em um programa de edição de texto simples (como o ‘Bloco de Notas’ do Windows) e depois salvá-lo como:
Tipo: Todos os arquivos (*.*) , nomeando-o com a extensão .html (exemplo: página.html)

Alternativamente, você pode salvá-las com a extensão padrão de texto .txt e renomeá-las mais tarde com a extensão de arquivo HTML: .html ou .htm

Nota: O WordTM é um exemplo de Editor de Texto que não serve para digitar o código de páginas da web, pois ele gera documentos formatados (texto em negrito, itálico, imagens, tabelas, etc.) - Ele oferece apenas a possibilidade de converter seus documentos para o formato de páginas da web.

Eu não recomendo que você utilize conversores de documentos para criar suas páginas da web. Os programas que convertem texto formatado em páginas da web geralmente limitam a aparência que você pode dar ao seu site, e geram códigos cheios de falhas e erros. Isso pode causar incompatibilidade com alguns navegadores e também tornar seu código quase ilegível.

Além de editores de texto puro, você pode utilizar um Editor de HTML especializado para editar suas páginas. Existem diversos Editores de HTML no mercado, inclusive editores online e editores gratuitos, basta escolher o que for ideal para você. Um conselho: editores de páginas da web que são muito caros geralmente não valem o custo.. já testei sharewares e versões de avaliação destes programas, mas desinstalei todos eles antes do prazo de utilização acabar.

O tipo de ferramenta que sempre utilizei para criar minhas páginas da web, antes mesmo de conhecer muito bem a linguagem HTML (eu ainda não sabia criar tabelas e conhecia poucas marcações), são os Editores de HTML que ajudam a escrever o código diretamente na fonte.

Com um clique de botão, ele inclui as marcações do HTML para você, e quando você menos esperar terá memorizado todas e poderá escrever tudo sem a ajuda do editor. Com o tempo, você poderá utilizar os botões do programa somente como atalhos, pois saberá todas as marcações necessárias.

Outro recurso interessante desses editores é o de auto-completar. Você começa a digitar uma marcação e ele termina de completá-la. Isto aumenta a velocidade de criação da página, sem limitar sua capacidade criativa, ao contrário dos editores visuais, os quais abordarei mais adiante.

Para achar um editor de HTML, basta buscar em sites de downloads. Se você não se sente à vontade com a lingua inglesa, busque em sites de downloads brasileiros. Caso contrário, teste o HTML-Kit (http://www.htmlkit.com/download/), um dos melhores editores de HTML gratuitos, em inglês.

Outra possibilidade disponível são os editores de HTML do tipo WYSIWYG (“What You See Is What You Get” ? “O Que Você Vê é O Que Você Obtém”), em que você não precisa editar nem uma linha de código HTML, e são quase tão fáceis de utilizar quanto programas comuns que geram texto formatado.

Este tipo de Editor de Texto, no entanto, não é o que procuramos aqui, certo? Eles criam dependência, porque não ajudam você a aprender o código HTML, e limitam suas opções. Além disso, a maioria deles custa bem caro. Quanto mais recursos o editor escolhido oferecer a você, mais tempo você terá que passar aprendendo a utilizá-lo, ao invés de usar esse tempo para aprender HTML. Um editor de código, por outro lado, permite que você aprenda HTML ao mesmo tempo em que explora suas funções.