HTML (HyperText Markup Language) é uma linguagem simples, porém, detalhista.
Básicamente, o HTML é a linguagem que diz aos browsers onde está colocado o texto, as imagens, os links, enfim, tudo o que compõe uma página WWW.
Apesar dessa aparente sofisticação, as páginas Web não passam de documentos de texto simples. Podem ser produzidas em qualquer editor de texto, como o Notepad (bloco de notas) do Windows, por exemplo. O que se deve saber é que as páginas Web contém algumas marcas especiais para determinar o papel de cada elemento dentro do texto.
Alguns elementos são marcados como títulos, outros como parágrafos. As marcações são usadas também para indicar os links que levam a outros documentos na rede. Essas marcas são chamadas de tags e estão especificadas dentro da linguagem utilizada para criar as páginas WEB, HTML.
O primeiro conceito que deve-se ter em mente ao projetar páginas Web é que HTML não foi criada para controlar a aparência dos documentos, ao contrário dos processadores de texto e programas de layout de página. Como já foi dito anteriormente, os tags de HTML apenas informam ao navegador o que são os elementos que estão na página.
Eles dizem, por exemplo, que um determinado trecho é o título principal do documento e o outro é o ítem da lista. A Formatação do trecho é deixada para o navegador. Cada navegador mostra a página um pouco diferente, o que dificulta o trabalho de programação visual na Web. Para complicar ainda mais, cada usuário pode modificar a configuração padrão de seu navegador para que o seu programa mostre o texto na fonte (tipo caractere) que quiser. Em compensação é muito simples criar uma página básica para colocar na internet com HTML.
Como exemplo temos esta página, que foi totalmente construida em linguagem HTML (usei como editor o Bloco de Notas do Windows), não foi usado nenhum outro programa de processamento de texto e layouts. Aqui foi usado apenas Photoshop e algumas imagens animadas construídas no Microsoft Gif Animator.
Vejamos agora o primeiro passo para a construção de uma página WEB em HTML:
Assim que o exemplo for salvo no editor de texto com a extensão .htm ou .html pode-se visualiza-lo em um navegador. Para abrir o arquivo, deve-se escolher o Open - Open File ou Open Local File no menu File do navegador.
Apesar dessa aparente sofisticação, as páginas Web não passam de documentos de texto simples. Podem ser produzidas em qualquer editor de texto, como o Notepad (bloco de notas) do Windows, por exemplo. O que se deve saber é que as páginas Web contém algumas marcas especiais para determinar o papel de cada elemento dentro do texto.
Alguns elementos são marcados como títulos, outros como parágrafos. As marcações são usadas também para indicar os links que levam a outros documentos na rede. Essas marcas são chamadas de tags e estão especificadas dentro da linguagem utilizada para criar as páginas WEB, HTML.
O primeiro conceito que deve-se ter em mente ao projetar páginas Web é que HTML não foi criada para controlar a aparência dos documentos, ao contrário dos processadores de texto e programas de layout de página. Como já foi dito anteriormente, os tags de HTML apenas informam ao navegador o que são os elementos que estão na página.
Eles dizem, por exemplo, que um determinado trecho é o título principal do documento e o outro é o ítem da lista. A Formatação do trecho é deixada para o navegador. Cada navegador mostra a página um pouco diferente, o que dificulta o trabalho de programação visual na Web. Para complicar ainda mais, cada usuário pode modificar a configuração padrão de seu navegador para que o seu programa mostre o texto na fonte (tipo caractere) que quiser. Em compensação é muito simples criar uma página básica para colocar na internet com HTML.
Como exemplo temos esta página, que foi totalmente construida em linguagem HTML (usei como editor o Bloco de Notas do Windows), não foi usado nenhum outro programa de processamento de texto e layouts. Aqui foi usado apenas Photoshop e algumas imagens animadas construídas no Microsoft Gif Animator.
Vejamos agora o primeiro passo para a construção de uma página WEB em HTML:
CORPO DO TEXTO (estrutura básica):
<HTML>
<HEAD>
<TITLE>Primeiro passo</TITLE>
</HEAD>
<BODY>
<H1>Título</H1>
Essa é a estrutura básica de como se montar uma página HTML.
</BODY>
</HTML>
Assim que o exemplo for salvo no editor de texto com a extensão .htm ou .html pode-se visualiza-lo em um navegador. Para abrir o arquivo, deve-se escolher o Open - Open File ou Open Local File no menu File do navegador.