Como fazer um codigo HTML

Postado em Atualizado em


HTML

Ola hoje vou ensinar a fazer código de HTML, bem com os códigos HTML põem aprender a inserir vídeos  músicas, flash, imagens, e também criar links de imagens, tabelas, links de email,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.

Mais existem outros HTML que oferecem comodade para confecção das paginas, tais como: FrontPage, Dreamweaver, etc. Mas não vou ensinar esses códigos abaixo, e também pode fazer isso na Word, no Bloco de pagina e gravar como HTML.

Atenção: Todas as paginas devem começar com a tag <HTML> e terminar com </HTML>. E também espero que notou que a “/” esta a determinar o  fecho da tag. Então estas são as tags fundamentais de sua pagina, isso significa que toda a pagina tem que conter estas tags.

Mais primeiro vamos aprender passo a passo.

  A medida que nos formos avançando vou acrencentando mais dicas para você fazer um site bem legal.

ITEM BÁSICOS 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 titulo sera posto no inicio la no meu da janela browser e sera referenciado em busca pela rede.

 Os tributos de <BODY>:

HTML

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

 Cores do 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

 Cabeçalho:

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>

  Tamanhos e cores de letras:

Html

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:

<FONT FACE=”ARIAL” SIZE=”1″ COLOR=”RED”>Fica assim</FONT>
<FONT FACE=”ARIAL” SIZE=”2″ COLOR=”BLUE”>Fica assim</FONT>
<FONT FACE=”ARIAL” SIZE=”3″ COLOR=”BLACK”>Fica assim</FONT>
<FONT FACE=”TIMES” SIZE=”5″ COLOR=”BLUE”>Fica assim</FONT>

Atenção: Note que você define com mais precisão o tamanho das letras do que a tag <H>.

Bem vamos continuar na outra aula.

Por hoje é tudo ate a proxima e leam muito e comnetem os meus posts.

Se querem ganhar dinheiro divulgando acesse aqui e cadastre-se

Deixe uma resposta

Faça o login usando um destes métodos para comentar:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s