Umas das grandes vantagens da Internet é ser muito acessível. Qualquer pessoal com um computador possui as ferramentas básicas necessárias para criar a sua própria página na web.
A linguagem HTML é marcada por tags que serão identificadas pelo navegador, escritas entre os sinais "<" e ">". Dentro dessas tags você encontra comandos para formatação da fonte dos textos <font face="arial">, parágrafos <p>, imagens <img src="imagem.gif">, entre outros.
Estrutura Básica
Comandos básicos do documento HTML, incluindo as tags de Título e de formatação do Corpo da página.
Como o navegador precisa dessas tags para interpretar o código, antes de qualquer coisa, temos que criar o documento com uma tag dupla de inicialização: <html> </html>. Entre essas duas tags, vai todo o conteúdo da página. Esse conteúdo vai ser dividido em duas partes: o cabeçalho, que será colocado entre as tags <head> </head> e o corpo da página, que será colocado entre as tags <body> </body>. A tag de título da página, <title> Título da Página </title> vai dentro do cabeçalho.
Assim, no Bloco de Notas, a estrutura básica de um documento HTML será:
<html>
<head><title> Título da Página </title> </head>
<body>
Aqui vai o conteúdo da página!
</body>
</html>
As tags <body></body>, que definem a estrutura do corpo da página, podem receber atributos especiais de formatação que definem, por exemplo, a cor de fundo da página. Esses atributos são colocados dentro da tag: <body bgcolor="yellow"> conteúdo </body>.
Os atributos das tags <body> </body> são:
bgcolor="cor" : define a cor de fundo da página, que pode ser expressa em inglês ou através de um código específico, onde, por exemplo, o branco é definido por #ffffff e o preto por #000000.
background="imagem" : define uma imagem como fundo da página. Essa imagem pode ser uma arquivo .gif ou .jpg. Você pode preparar uma imagem para sua página no PaintShop.
text="cor" : define a cor do texto utilizado na página. Assim como o fundo, pode ser expresso em inglês ou através de um código.
link="cor", alink="cor" e vlink="cor" : definem as cores dos link inativos, links ativos e links visitados, respectivamente.
