Noções Básicas Para Aprender a Fazer

Uma Página em HTML

 

 

 

 

Para fazer sua página HTML não é necessário quebrar a cabeça, há pessoas que graças a Deus quebraram a cabeça antes de nós e resolveram criar uns programas que nos ajudam e muito na hora de fazer a uma página em HTML. Um deles é Front Page e o Front Page Express, mas muitos outros que também são muito eficientes.

 

 

O Início:

 

<HTML>

 

<HEAD>

<TITLE>Aqui você coloca o Títula da Página</title>

</HEAD>

<BODY BGCOLOR="cor_do_fundo" TEXT="cor_dos_textos" LINK="cor_dos_links" VLINK="cor_dos_links_já_visitados" BACKGROUND="arquivos_de_fundo">

</BODY>

</HTML>

 

Digite aqui o texto desejado...

 

Ps.: O nome das cores deve ser colocado em Inglês.

 

 

</body>

 

 

No body você da vida a sua home page colocando imagens (background="imagem"), cor do texto (text="cor desejada"), cor dos link (link="cor desejada"), cor dos links que já foram visitados (vlinks="cor desejada"), cor de fundo (bgcolor="cor desejada").

 

 

 

</title>

 

 

Ao colocar <title>"Nome da Página"</title>, o nome de sua página irá aparecer no alto do seu Navegador. Simples, não?

 

 

LINKS

 

 

Os links fazem que você consiga com apenas um clique acessar outras páginas (suas ou não!). Fazer isto é mais fácil que beber um copo d`água. Digite:

 

<a href="arquivo a ser acessado">"Texto que servirá de link"</a>

 

No caso de querer criar um link para outro site, usaremos de exemplo o nosso, faça o seguinte:

 

<a href=http://www.geocities.com/vini_denni/>vini_denni ensina a fazer sua HOME PAGE!!!</a>

 

 

 

Músicas de Fundo

 

 

 

Para inserir uma boa musiquinha de fundo não há nada melhor...QUE FAZER O QUE EU MANDO!!! Só assim calmamente você conseguirá fazê-lo.

 

<embed src="música a ser tocada" autostart="true" loop="número de vezes a ser tocada">

 

Imagens

 

 

 

Já que você inseriu uma música na sua HP, porque não colocar uma imagem? Já sei, porque você não sabe como fazer isso! Mas nós iremos lhe mostrar como.

 

<img src="nome da imagem">

 

Muito fácil!!!

 

Para transformá-la em um link, basta fazer isso: <a href="nome da imagem" img src="nome da imagem"border=0></a> (o border=0 é para que a imagem não tenha borda).

Legal né?

 

 

Organizando as Imagens

 

 

 

Para alinhar as imagens o procedimento é muito simples:

 

 

<img aling=top src="nome da imagem"> Alinha o texto com o alto da imagem.

 

<img aling=middle src="nome da imagem"> Alinha o texto com o centro da imagem.

 

<img aling=bottom src="nome da imagem"> Alinha o texto com o pé da imagem.

 

E se quiser deixar as imagens uma de cada lado da tela numa mesma linha? Calma, calma nós ensinamos. É assim:

 

<img align=left src="nome da imagem" alt="imagem"><img align=right src="nome da imagem"alt="imagem">

 

Você deve estar se perguntando: - Para que serve este "Alt"? - ele serve para que quando a imagem estiver carregando, tudo que você escrever dentro das aspas aparecerá enquanto ela carrega.

 

Para retirar a moldura digite <border=0>

 

Para adicionar moldura digite <border="número">

 

 

Textos

 

 

Para fazer seus textos ficarem zanzando pela tela, é muito simples.

 

<marquee behavior=scroll width="número"%>"Texto desejado"</marquee>

 

<marquee behavior=slide direction="right">"Texto desejado"</marquee>

 

<marquee behavior="left">"Texto desejado"</marquee>

 

Ao editar um texto, não pensem que é só apertar ENTER que ele irá pular a linha, para mudar de parágrafo é necessário que você coloque o seguinte comando:<p> e para quebrar a linha coloque <br>.

Se você quizer centralizar seu texto, coloque <center>Texto desejado</center>.

 

Em itálico: <i>.

 

Em negrito:<b>.

 

Sublinhado: <u>.

 

Mudar a cor do texto: <font color="cor desejada">"Texto a ser colorido"</font>.

 

Aumentar ou diminuir o texto: <font size="número (tamanho)">"Texto a ser modificado"</font>.

 

Mudar o tipo de fonte: <font face="tipo de fonte">"Texto a ser modificado"</font>.