A maioria dos browsers permite a utilização de cores, apenas 256, mas já é o suficiente para criar uma página com fundo e textos personalizados.
As cores são compostas por código RGB (red, green, blue). Cada código define a intensidade do vermelho, do verde e do azul.
4.1 CORES E ELEMENTOS GRÁFICOS DE FUNDO
4.1.1 BACKGROUND (IMAGEM DE FUNDO)
O atributo background deve ser aplicado à tag <body>, que especifica uma imagem que será utilizada como fundo de uma página, sendo que a imagem ocupará toda a área de fundo da tela.
COMANDO:
<body background=”URL”>Corpo da página</body>
<html>
<head>
<title>Imagem de fundo - BACKGROUND</title>
</head>
<body background="fundo.jpg">
<h1 align="center">Imagem de fundo<br>Background</h1>
<p align="center">Com esse atributo você insere imagem de fundos nas páginas.
</body>
</html>
4.1.2 BGCOLOR
O atributo BGCOLOR é o atributo que determina a cor de fundo da página, permitindo que se defina uma cor de fundo padrão para a página sem a necessidade de utilizar um arquivo de imagem.
COMANDO:
<body bgcolor=”#FFFFCC”>Corpo da página</body>
<html>
<head>
<title>Cor de fundo - BGCOLOR</title>
</head>
<body bgcolor="#FFFFCC">
<h1 align="center">Cor de Fundo<br>BGCOLOR</h1>
<p align="center">Com esse atributo você controla a cor de fundo das páginas.
</body>
</html>
DICAS:
É importante ter cuidado ao aplicar elementos de fundo, para não prejudicar a leitura dos textos.
• É interessante sempre visitar outras páginas que utilizam este recurso para recolher boas idéias.
• Para tornar a visualização das páginas mais rápidas, alguns usuários não utilizam imagens em suas páginas, em vez disso utilizam o atributo BGCOLOR.
4.2 CORES DE LETRAS E LINKS
4.2.1 ATRIBUTO TEXT
O atributo TEXT é utilizado para controlar a cor do texto normal de uma página, ou seja, define a cor de todo o texto do documento, execeto os links.
O atributo TEXT é inserido na tag <BODY>, tendo como padrão a cor preto (#000000).
COMANDO:
<body text=”#RRGGBB”>Corpo da Página </body>
<html>
<head>
<title>Cor de texto - TEXT</title>
</head>
<body bgcolor="#FFFFFF" text="#333333">
<h1 align="center">CORES DE LETRAS DE TEXTO NORMAL</h1>
<p align="center">Com esse atributo você controla a cor do texto em uma página.
</body>
</html>
4.2.2 ATRIBUTO LINK, VLINK E ALINK
Os atributos LINK, VLINK e ALINK fazem o controle das cores do textos que funcionam como link na página.
- LINK: Define cores de links não visitados. Cor padrão o AZUL.
- VLINK: Define as cores dos links já consultados. Cor padrão vermelho-púrpura.
- ALINK: Define as cores dos links selecionados, ou seja, quando o usuário pressionou o botão do mouse e ainda não soltou. Cor padrão vermelho.
COMANDO:
<body link=”#RRGGBB” vlink=”#RRGGBB” alink=”#RRGGBB”>Corpo da página</body>
<html>
<head>
<title>Cor de Links - LINK VLINK ALINK</title>
</head>
<body bgcolor="#FFFFE0" text="#FF6347" LINK"#0000CD" VLINK="#7FFFD4"
ALINK="#ADFF2F" >
<h1 align="center">EXEMPLO DE CORES</h1>
<p align="center">O fundo da página está com uma cor especial:<BR>
<B>Lightyellow - RGB : #FFFFE0</b><br>
<b>Alink = GreenYellow - RGB:"#ADFF2F"</b><br>
<b>Link = MediumBlue RGB:"#0000CD"</b><br>
<b>Vlink = Aquamarine- RGB: "#7FFFD4"</b>
</body>
</html>
Caso queira entrar em contato por algum motivo, acesse a página de contato através deste link:Contato.
Envie dúvidas, reclamações, sugestões, elogios e assuntos mais complexos relacionados ao artigo e em 24 horas estarei lhe respondendo prontamente.
alguns comandos não fucionam
ResponderExcluirQuais dos comandos não funcionaram caro Mario? Pode me apontar para que possa ver o que acontece e corrigir os mesmos se for o caso? Obrigado por se manifestar.
Excluir