Princípios básicos da criação de um site HTML
Seminário: Princípios básicos da criação de um site HTML. Pesquise 862.000+ trabalhos acadêmicosPor: thi.m • 31/5/2014 • Seminário • 3.405 Palavras (14 Páginas) • 385 Visualizações
Como fazer um site. Todos os códigos html: Como incluir flash, vídeos, imagens, músicas, inserir links, download, e-mail, Meta Tags, link para download, Tabela de cores, Atributos, etc. Faça seu site grátis com os códigos.
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.
Aqui você aprenderá códigos HTML e saberá como inserir um vídeo, como inserir uma música, como inserir um flash, Inserir imagens, Criar Links com imagens, Como fazer tabelas, Criar Links para e-mail, Criar Âncora, Caixa de Texto, Meta-Tags, Letreiros e Linhas, Imagens de Fundo, Fazer Listas, Links para Downloads, Formatar Textos, Tamanho e Cores de Fonte, Cabeçalhos, Atributos de Body, enfim, será sua iniciação para fazer um site em HTML.
Existem editores HTML que oferecem comodidade para confecção das páginas, tais como: FrontPage; Dreamweaver e outros. Mas não será necessário aprendendo os códigos abaixo e você poderá fazer no Word ou Bloco de Notas e salvar como .html.
Toda página é composta por Tags, que são os comandos html. Toda página deve comerçar com a tag <HTML> e terminar com </HTML>. Note que a barra "/" determina o fechamento da tag. Estas são as Tags fundamentais de sua página, isto é, toda página contém estas tags:
Na medida do possível irei acrescentando mais dicas para você fazer um site bem legal. ITENS BÁSICO EM HTML:
• <HTML>
• <HEAD>
• <TITLE> Título da página </TITLE>
• </HEAD>
• <BODY> Texto; Imagens; Links; etc </BODY>
• </HTML>
As tags podem ser escritas em Maiúscula ou Minúscula Ex.: <html> ou <HTML>.
O Título da página aparecerá no alto da janela do browser e será referenciado em buscas pela rede. Ao ser adicionada à "Favoritos" (Bookmarks), o título será o atalho para ela.
Ir para o topo
ATRIBUTOS DE <BODY> :
Através de <BODY>, podemos definir cores dos textos, links e fundo das páginas, ou uma imagem de fundo. Temos então:
• 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.
Podemos definir tudo de uma só vez, colocando o seguinte código:
<BODY BGCOLOR="YELLOW" TEXT="BLACK" LINK="BLUE" ALINK="RED" VLINK="PURPLE">
Não está no código acima o atributo BACKGROUND pois não é padrão.
Ir para o topo
C O R E S NO SEU SITE:
Você pode escrever as cores (em inglês) ou colocar seu código. Porém, para escrever só é aceito 16 cores, que são:
• 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
• 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
• Vermelho = red - código = #FF0000
Mas você pode definir varias tonalidades e cores, basta ter a lista de códigos das cores, ou
CLICAR AQUI
Ir para o topo
CABEÇALHOS :
O tamanho das letras ou fontes é definido pela tag <H> - "Headings".
A tag <H> normalmente é usada em CABEÇALHOS e há seis níveis. Com esta tag você pode definir o tamanho das letras, mas não o tipo da fonte. Veja abaixo como fica:
Este é o tamanho:<H1>
Este é o tamanho:<H2>
Este é o tamanho:<H3>
Este é o tamanho:<H4>
Este é o tamanho:<H5>
Este é o tamanho:<H6>
Pode-se alinhar os cabeçalhos
<H2 ALIGN=CENTER>Texto centralizado</H2>
<H2 ALIGN=RIGHT>Texto alinhado à direita</H2>
<H2 ALIGN=LEFT>Texto alinhado à esquerda</H2>
Ir para o topo
TAMANHO E CORES DAS LETRAS :
Você também pode usar a tag <FONT> para definir o tamanho, bem como sua cor e tipo da fonte.
• <FONT FACE> - Define o tipo de letra
• <FONT COLOR> - Define a cor da letra
• <FONT SIZE> - Define o tamanho da letra
Veja abaixo alguns exemplos:
•
...