>> Tecnologia Eletrônica >  >> Casa Inteligente >> Vida Inteligente

Como Usar Códigos de Cor HTML

Quem quer um site preto e branco entediante? Aprender a usar códigos de cor HTML não só melhora a aparência do seu site, como pode aumentar as chances de visitantes o utilizarem. Códigos de cor HTML podem ser usados para design estético e para focar a atenção do visitante no que você quer que vejam.

Passo 1

Abra uma tabela de códigos de cor HTML seguros para web e examine as cores disponíveis. Embora a maioria dos computadores possa exibir qualquer cor, usar apenas cores seguras para web é uma opção mais acessível. Além disso, há muitas cores para escolher. Escolha cores para seu projeto que combinem com o tema e design do seu site. Uma boa regra é escolher duas cores complementares e uma cor de destaque. Um neutro como preto, branco, cinza ou bege é outra boa escolha.

Passo 2

Copie os códigos de cor HTML de 6 caracteres para as cores que deseja usar. Eles consistem nos números 0, 3, 6, 9 e nas letras C e F em várias combinações. Esses códigos de 6 caracteres serão usados no código HTML do seu site onde quiser criar um destaque colorido.

Passo 3

Escolha uma cor para o fundo do seu site. Para definir o fundo com essa cor, use o código HTML <body bgcolor="#336699"> e substitua o código de 6 caracteres pelo seu código desejado. Como esta é a cor para todo o fundo da página, este trecho substitui a tag normal <body>.

Passo 4

Mude a cor de qualquer texto, títulos ou links na página do seu site incluindo códigos de cor e o código HTML adequado. Qualquer texto pode ser colorido adicionando o atributo HTML <font color="#336699">. Por exemplo, para mudar a cor de um título grande, adicione <h1><font color="#336699">Título</font></h1> ao código do seu site.

Passo 5

Mude a cor de todos os títulos no seu site usando folhas de estilo em cascata (CSS). Use o código h1 {color:#336699;} entre as tags <head> e </head> no código do seu site. Toda vez que você codificar um <h1>, ele terá essa cor. CSS é o método padrão de estilizar sites. Também facilita fazer alterações se quiser redesenhar.

Passo 6

Mude a cor de fontes, links e outros elementos no CSS. Use o trecho p {color:#336699;} para fontes. O HTML de cada bloco de texto deve ser delimitado pelas tags <p> e </p>. Cores de links podem ser alteradas usando a {color:#336699;} e a tag <a href> no seu código HTML. Outras tags, como bordas de imagens, regras horizontais e células de tabela também podem ser alteradas usando o trecho básico {color:#336699;}.

Dica

Combine as cores com o tema do seu site: verde para jardinagem, tons pastel para bebês. CSS é o método preferido para adicionar cor ao seu site com códigos HTML.

Aviso

Escolha apenas três ou quatro cores para evitar que seu site pareça cafona. Lembre-se de que as tags nos passos acima estão entre aspas para clareza. Ao inserir o código no seu HTML, não use as aspas que estão ao redor das tags.