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:
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:
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:
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:


|