HTML Básico

Hyper Text Markup Language ou
Linguagem de Marcação de Hipertexto

Para começar você deverá saber onde e como fazer a sua página:

- Onde: Se você está usando o Windows95/98, como a maioria das pessoas, vá ao menu Iniciar, clique em Programas, Acessórios e abra o Bloco de Notas, um programa simples, mas que te ajudará muito na construção da sua Página. Caso você não esteja usando o Windows95/98, procure o bloco de notas no seu computador.
- Como: Atenção: A padronização de digitação é a seguinte: tudo o que estiver em Azul deverá ser copiado exatamente igual (inclusive maiúsculas e minúsculas, aspas e sinais); Verde são opções que você tem; Preto os comentários, Vermelho as advertências e Roxo são os links.
Para começar digite no bloco de notas:

<html>


Isto estará iniciando seu documento html. Depois digite:

<body bgcolor="Determine a cor do fundo">

A cor deve ser digitada entre aspas. Aqui vão algumas cores que você poderá usar:

red (vermelho)
blue (azul)
green (verde)
olive (verde musgo)
yellow (amarelo)
purple (roxo)
gray (cinza)
silver (prateado)
gold (dourado)
brown (marrom)

Pronto, a sua página está iniciada.
- O que fazer agora: Bem, primeiro você tem que ter em mente o que quer fazer, caso não tenha nada em mente é melhor fazer o meu exemplo, depois é só você alterar... Então, vamos começar, a página tem que ter um título, certo ? Para dar o título a sua página escreva assim:

<head><title>Aqui vai o título da sua página</title></head>

Isso irá aparecer naquela barra azul que tem em cima do navegador. Agora que a sua página já tem um título, você pode começar a escrevê-la. Vamos fazer o seguinte: Escrever o título da página bem grande em cima e depois a gente põe um texto embaixo. O título será: "Primeira Página em HTML", então digite assim no seu documento no Bloco de Notas:

<font size=+4 color="red" face="impact">Primeira Página em HTML</font>

Size: determina o tamanho que será escrito o texto, varia de -1 até +7,
Color: determina a cor do texto, você pode por qualquer cor daquelas acima descritas,
Face: determina qual será a fonte do texto, que pode ser: Arial, Times, Impact, Verdana, Courier
Pronto, sua página já tem um cabeçalho !

Agora vem o texto que seguirá abaixo do título. Bem, o texto pode ser assim: "Minha página em HTML, logo a modificarei". Para você mudar de linha digite:

<br>

Faça o mesmo que você fez acima. Só mude o tamanho, a cor e a fonte. Ficará assim:

<font size=+1 color="black" face="times">Minha página em HTML, logo a modificarei</font>

Está entendendo ? A única coisa que falta é fechar o documento, para isso digite:

</html></body>

Sua página está pronta. É lógico que só tem o básico, mas básico mesmo, de uma HomePage. Fim!!! Vamos ver se você digitou tudo direitinho. Confira abaixo se está igual:

<html>
<body bgcolor="white">
<head><title>Primeira página em HTML</title></body>
<font size=+4 color="red" face="Impact">Primeira página em HTML</font>
<br>
<font size=+1 color="black" face="Impact">
Minha página em HTML, logo a modificarei</font>
</body>
</html>


No menu do bloco de notas, clique em File (Arquivo) - Salvar como - Escolher o tipo de arquivo (clicando na setinha abaixo) escolha Todos arquivos - Na janela acima digite um nome para o seu arquivo arquivo.html (por exemplo: teste.html). Abra o Netscape ou IE e abra o seu arquivo assim você poderá ver o resultado da sua página. Se você criou direito estará assim:


Página Anterior


1