Não está no código acima o atributo BACKGROUND pois não é padrão.

Texto centralizado

Texto alinhado à direita

Texto alinhado à esquerda

ALINHAMENTO COM A TAG :

Ir para o topo

COMO INCLUIR IMAGENS NO SITE :

A TAG utilizada é:
Atributos da Imagem:

·  WIDTH – Define a largura da imagem.

·  HEIGHT – Define a altura da imagem.

·  ALT – Texto que aparece quando é passado o mouse sobre a imagem

·  BORDER – É um valor atribuido à largura da borda da imagem (Contorno).
Veja alguns exemplos:

Note que no ultimo exemplo especificamos o tamanho da imagem. Não definindo este tamanho, a imagem aparecerá no tamanho original. Você pode especificar um tamanho menor do que a original, pois não acarretará perda de qualidade da imagem, mas se fizer ao contrário, isto é, definir um tamanho maior que a original perderá qualidade de imagem.
O correto é você ter a imagem do tamanho certo que deseja que apareça na página. Evite colocar imagens maiores que 50 Kb. Quanto maior a imagem mais tempo leverá para carregar.
Alinhamento texto de imagens:

Há também os atributos de moldura, que definem o espaço vertical e horizontal entre as imagens e os textos circundantes, onde:
 

Resultado
TEXTO
Onde: DIRECTION= indica a direção “LEFT” ou “RIGHT”.
BGCOLOR= indica a cor de fundo do letreiro.
WIDTH= indica a porcentagem que o letreiro ocupará sua página.

e possue os seguintes atributos:
border=”valor” -Onde o “valor” define a largura da borda (contorno).
cellspacing=”valor” -Onde o “valor” define o espaço horizontal entre as células.
cellpadding=”valor” -Onde o “valor” define o espaço vertical entre as células.
width=”valor” -Onde o “valor” define a largura da tabela em pixels ou em porcentagem.
height=”valor” -Onde o “valor” define a altura da tabela em pixels ou em porcentagem.
bgcolor=”#cor” -Define a cor de fundo da tabela.
bordercolor=”#cor” -Define a cor da borda.
background=”imagem.jpg” -Define uma imagem de fundo.
A tabela possui alguns comandos que são:
<.TR> e

Os códigos acima só serão colocados na página principal que será salva como “index.html”.
Normalmente nesse tipo de frame a página1.html é usada para os menus e a página2.html para conteúdo geral do site.
Neste caso <.FRAMESET COLS=”20%, 80%”> o atributo COLS divide as colunas ou seja, 20% do lado esquerdo e 80% do lado direito da página. o atributo COLS divide as colunas ou seja, 20% do lado esquerdo e 80% do lado direito da página.
Sempre da esquerda para direita. Então a página1.html ocupará 20% do espaço e a página2.html ocupará 80% (espaço vertical).
Copie o código acima, cole no Bloco de Notas e salve como “index.html” depois dê 2 cliques nesse arquivo para visualizá-lo aberto em seu browser.
As tags e é usado somente para avisar usuário que utiliza browser muito antigo que a página contém frames, que não as conseguirá visualizar (muito difícil acontecer).
Exemplo 2:

Copie o código acima, cole no Bloco de Notas e salve como “index.html” depois dê 2 cliques nesse arquivo para visualizá-lo aberto em seu browser.
Exemplo 3:

Copie o código acima, cole no Bloco de Notas e salve como “index.html” depois dê 2 cliques nesse arquivo para visualizá-lo aberto em seu browser.
Sempre da esquerda para direita. Então a página1.html ocupará 20% do espaço e a página2.html ocupará 80% (espaço vertical).

Copie o código no Bloco de Notas e salve como “index.html” depois dê 2 cliques nesse arquivo para visualizá-lo aberto em seu browser.

Copie o código no Bloco de Notas e salve como “index.html” depois dê 2 cliques nesse arquivo para visualizá-lo aberto em seu browser.

Ir para o topo

• Após feito seu site, não basta apenas coloca-lo na internet somente com a tag título,
  <.TITLE> Título da página<./TITLE>, é preciso que os buscadores, como o Google, Yahoo, etc “achem” o seu site, e outras informações, por isso, você deve inserir as METAS TAGS necessárias, entre <.HEAD> e <./HEAD> conforme abaixo:
• <.META NAME=”keywords” CONTENT=”palavras chaves“.>
  Note que onde está escrito “palavras chaves” você deve colocar as palavras pelo qual os buscadores encontrarão seu site quando procurado na pesquisa pelo Google, Yahoo, por exemplo. As palavras deverão ser escritas em minúsculas e separadas por uma vírgula e logo após um espaço. Ex.: “bonito, fotos, casamento, dicas, downloads, etc”.
• <.META NAME=”Description” CONTENT=”descrição do seu site.“.>
  Informe do que se trata seu site, coerente com o título e as palavras chaves.
  Ex.: “Site bonito, com fotos de casamento, downloads e dicas”.
• <.META NAME=”AUTHOR” CONTENT=”seu nome.“>
  Coloque seu nome, pois é ético e fornece confiança ao site.
• <.META NAME=”ROBOTS” CONTENT=”INDEX, FOLLOW”.>Sendo:
  “index,follow” – Indexa a página inicial e todas as páginas nela indicadas.
  “noindex,follow” – Não indexa a página inicial, mas indexa as páginas nela indicada.
  “index,nofollow” – Indexa a página inicial, mas não os links que ela indique.
  “noindex,nofollow” – Não indexa nem a página inicial e nem os links.
  Se é seu primeiro site, está aprendendo, use o primeiro exemplo “index,follow”.
  Aconselho você que fez um site com FRAMES usar “index,follow” somente na página que você salvou como index.html, e nas outra páginas “noindex,nofollow” ou simplesmente não use essa tag nessas páginas.
• <.META HTTP-EQUIV=”CONTENT-LANGUAGE” CONTENT=”pt”.>
  Coloque em todas as páginas do site, instruindo os navegadores que seu site é feito em lingua portuguêsa.
• 
  Indique que programa usou para fazer o site, FrontPage, Bloco de Notas, etc.
  
• <.META HTTP-EQUIV=”CONTENT-TYPE” CONTENT=”text/html; charset=iso-8859-1.”.>
  Indica que você escreveu normalmente seus textos nas páginas html (com acentuação, etc) sem usar caracteres especiais (ASCII), e a META TAG acima indica isto (palavras originarias do Latim).
  Existem outras Meta Tags que você deve verificar: