sexta-feira, 15 de abril de 2011

Programação em HTML - Atributos de Tags




DEFINIÇÃO: São informações adicionais acrescentadas à Tag HTML.
Atributos são escritos dentro da tag, seguidos por um sinal de igual + informações (entre aspas).


No exemplo acima, definimos uma cor de fundo para o texto de cabeçalho da página.

As informações – quando mais de uma – são separadas por ponto-e-vírgula.

STYLE

           
Com o atributo Style você pode adicionar estilização e layout em seu site ou blog.

Exemplo: Para definir uma cor de fundo para a página, o código é:
<body style="background-color:#ff0000;"></body>

EXEMPLO PRÁTICO I – Abra uma nova postagem no Blogger e selecione a aba “Editar HTML”. Copie e cole o código abaixo:

<h3 style="background-color:#ff0000;">
Este é um exemplo de texto com cor de fundo
observe que todo o texto ficou com fundo
vermelho</h3>
<h1 style="background-color: blue;">
Você pode especificar a cor com uma palavra
em inglês que o browser interpretará e
adicionará como fundo do texto</h1>

Agora selecione a aba “Escrever”. O resultado deve ficar conforme abaixo:


Agora selecione novamente a guia “Editar HTML”. Você verá que o editor alterou o código de cor “#ff0000” para “red”.

EXEMPLO PRÁTICO II – Na mesma postagem, selecione a guia “Editar HTML”. Copie e cole o código abaixo:

<h1>Tabela de Cores</h1>
<h3 style="background-color: white;">Branco</h3>
<h3 style="background-color: black;">Preto</h3>
<h3 style="background-color: red;">Vermelho</h3>
<h3 style="background-color: blue;">Azul</h3>
<h3 style="background-color: green;">Verde</h3>
<h3 style="background-color: yellow;">Amarelo</h3>

Clique na guia “Escrever” e veja o resultado!

DICA: Para se familiarizar com os códigos das cores, digite no Google: “Tabela de Cores em HTML”.

Por enquanto, ficamos por aqui.

Até mais!  

Nenhum comentário:

Postar um comentário

Se você gostou deste artigo poste um comentário!

Observações:
1º) Somente usuários com conta no Google poderão publicar seus comentários aqui no Blog do SM@rtiN.
2º) Todos os comentários serão avaliados pelo administrador do blog para posterior publicação.
3º) Os textos com conteúdo impróprio, ofensas e palavrões serão automaticamente excluídos. Se houver reincidência, o acesso do usuário ao blog será bloqueado.

Obrigado!