HTML BÁSICO

Bem... para criar sua página HTML você pode usar qualquer editor de texto... em GNU/Linux eu uso o kate ou o pico, no rWindows tem o bloco de notas. Para quem prefere usar Editor Profissional em GNU tem o Bluefish, Amaya, Mozilla Composer, Quanta; em rWindows FrontPage, DreamWeaver.

Mas nesta apostila irei passa somente comandos... pois pra mim... quem mexe com código tem conhecer código... é HTML é código... fique vontade!

Na Linguagem HTML alguns comandos essenciais para que a página funcione e outros comandos funcione

<html> <head> <title>Teste</title> </head> <body> </body> </html>

HTML - Abre a linguagem
Title - Titulo da página
Head - para script, css e outras funções
Body - cor de fundo e outras funções

Qualquer coisa que esteja a mais do que o quadro de cima já é o conteúdo da página, e deve ficar entre os BODY

COLOCANDO TEXTOS

<font face="verdana,arial,serif" size="2" color="#000000"> seu texto vai aqui </font>

font = tipo de letra
size = tamanho da letra
color= cor da letra

Nota: 1. sempre que abrir um sinal feche-o: <comando>
2. sempre que abrir um comando feche-o: <comando > </comando>
3. se acaso algo de errado, procura vê se não tem comando digitado erardo

COLOCANDO IMAGEM

<img src="imagem/flor.jpg">

1. Quando inserir uma imagem não é necessario fechar.
2. Coloque o nome e extensão correto.
3. Coloque o endereço correto de onde esta a imagem.

MUDANDO COR DE FUNDO

<body bgcolor="#000000" background="imagem/fundo.gif">

1. bgcolor = background color (cor do fundo de tela)
2. background = imagem como fundo de tela

COMANDO BÁSICOS

<br> - descer linha <p> - descer linha com espaço <hr> - barrinha <b>deixar em marcado</b> <i>deixar em itálico</i> <ul> paragrafo <li> ponto <h1>voce usa o h</h1> <h2>mais o numero</h2> <h3>que vc quer</h3> <h4>para deixar</h4> <h5>seu texto</h5> <h6>num tamanho legal</h6>

COLOCANDO LINK em texto

<a href="conteudo/fotos.html">fotos</a>

1. Na frente da palavra chave coloque o link, não esquece
que colocar o local de onde se encontra a pagina que o cara vai buscar.
2. Não esqueça de fechar o link </a>

COLOCANDO LINK em imagem

<a href="conteudo/fotos.html"><img src="imagem/flor.jpg"></a>

1. Na frente da imagem chave coloque o link, não esquece
que colocar o local de onde se encontra a pagina que o cara vai buscar.
2. Não esqueça de fechar o link </a>

ALINHANDO TEXTO

<p align="right">direta</p> <p align="center">centro</p> <p align="left">esquerda</p>

2003-12-24T18:52:19