Criar página HTML
O objetivo desta página é ensinar os princípios básicos para confecção de um site em HTML para que você possa fazer seu primeiro site.
Onde Criar seu HTML:
Adobe Dreamweaver CS6
Notepad ++
PSPad
Itens básicos:
Lembrando que , para a TAG funcionar os comandos devem estra entre "< >"
HTML - TAG para iniciar HTML
HEAD - Cabeçário da página
TITLE - Título da página
BODY - Textos, imagens, links , etc..
/HTML- TAG para finalizar HTML
Body:
Através de
BGCOLOR - Cor de fundo
TEXT - Cor da fonte dos textos
LINK - Cor dos links (padrão: azul)
ALINK - Cor dos links, quando clicados (padrão: vermelho)
VLINK - Cor dos Links, depois de visitados (padrão: roxo
BACKGROUND - Imagem de fundo: Indica o URL da imagem.tos
Cores:
Você pode escrever as cores (em inglês) ou colocar seu código.
PRETO = black - código = #000000
BRANCO = white - código = #FFFFFF
AZUL = blue - código = #0000FF
AMARELO = yellow - código = #FFFF00
VERDE = green - código = #008000
LIMA = lime - código = #00ff00
VERMELHO = red - código = #FF0000
MARRON = maroon - código = #800000
OLIVA = olive - código = #808000
AZUL CELESTE = aqua - código = #00ffff
LILÁS = fuchsia - código = #ff00ff
CINZA = gray - código = #808080
AZUL ESCURO = navy - código = #000080
ROXO = purple - código = #800080
VERDE ESCURO = teal - código = #008080
CINZA CLARO = silver - código = #c0c0c0
Cabeçario:
Tamanho das letras:
Tamanho:H1
Tamanho:H2
Tamanho:H3
Tamanho:H4
Tamanho:H5
Tamanho:H6
Alinhamento:
ALIGN=CENTER - Texto centralizado
ALIGN=RIGHT - Texto alinhado à direita
ALIGN=LEFT - Texto alinhado à esquerda
Formatar textos:
Tamanho das letras:
B - Negrito
U - Sublinhado
I - Itálico
S - Riscado
P - Parágrafo
BR - Linha
SUB - Número em baixo H2O
SUP - Número em cima H2O
Imagens:
A TAG utilizada é: img src="nome da imagem.+extensão"(gif,jpg,bmp,etc)
WIDTH - Largura da imagem
HEIGHT - Altura da imagem.
ALT - Texto que aparece quando é passado o mouse sobre a imagem
BORDER - É um valor atribuido à largura da borda da imagem
Alinhamento de imagens:
img src="nome da imagem.extensão" align="center" - Imagem Centralizada
img src="nome da imagem.extensão" align="left" - Imagem a esquerda
img src="nome da imagem.extensão" align="right" - Imagem a direita
Imagem no fundo da tela:
Dentro da TAG BODY você coloca a sub TAG - BODY BACKGROUND="nome da imagem.+extensão
Links:
Links são pontos clicáveis que levam a qualquer site da internet ou qualquer página do site e até mesmo qualquer ponto da própria página.
A TAG: a href="nome do lugar à ser levado">descrição do lugar
Abri o link e fecha a página atual.
A TAG: a href="http://www.extremaonline.com" target="_blank">Conheça Extrema-MG
Abri o link em outra página .
Músicas:
Lembrando que , para a TAG funcionar os comandos devem estar na TAG HEAD
BGSOUND SRC="musica.mid ou wav" loop="-1"
Música sem display.
EMBED SRC="musica.mid" AUTOSTART="FALSE" LOOP="TRUE"
Música com display.
EMBED SRC="musica.mid" AUTOSTART= LOOP="TRUE"
Música toca assim que abrir o site.
EMBED SRC="musica.mid" AUTOSTART= LOOP="TRUE" WIDTH=145 HEIGHT=25
Definir tamanho do display.
Videos:
Lembrando que , para a TAG funcionar os comandos devem estar na TAG BODY
Insira a TAG : EMBED SRC="arquivo.avi"
Onde publicar seu HTML:
Clic aqui para acessar o geocites
Clic aqui para acessar o yola