HTML:Estilizando Nossa Página.(Tabela de Cores Hexadecimal)
Autor: Erick | Publicado: 2011-03-27T18:52:00-03:00

&nbsp;&nbsp; Continuando aonde paramos na ultima aula&nbsp;&nbsp; criamos a nossa primeira página com cor de fundo CINZA (#E9E9E9).
&nbsp;&nbsp; Esse código seguido do símbolo # se chama de HEXADECIMAL (HEX).&nbsp;&nbsp; Ex:&nbsp;&nbsp; #ffffff (Branco), #000000 (Preto)&nbsp;&nbsp; Existem muito mais de 1000 Hex. e decorar todos seria impossível para nós&nbsp;&nbsp; meros mortais.Portanto disponibilizei uma ¨TABELA DE CORES HEXADECIMAL¨&nbsp;&nbsp; Com algumas das cores que eu mais utilizo.&nbsp;&nbsp; Pela Web afora você pode encontrar tabelas bem mais completas caso precise.&nbsp;&nbsp; &nbsp;&nbsp; 
&nbsp;&nbsp; Para aqueles que perderam ou não se recordam como mudar a cor de fundo da&nbsp;&nbsp; nossa página,&nbsp;deixo o LINK AQUI: &nbsp;&nbsp; &nbsp;&nbsp; Pois nessa aula utilizaremos exactamente o mesmo conceito anterior mas um pouco&nbsp;&nbsp; mais ¨aprimorado¨.
&nbsp;&nbsp; Imaginem que dessa vez, queremos colorir a nossa página da cor azul.&nbsp;&nbsp; E o tom que desejo utilizar, de acordo a tabela acima seria #0000ff .&nbsp;&nbsp; Ao invéz do Hex também posso simplesmente escrever a cor em Inglês.&nbsp;&nbsp; Ex em Hex:&nbsp;&nbsp; &lt;body style="background-color:#0000ff;"&gt;
&nbsp;&nbsp; Ex com o nome da cor em Inglês:&nbsp;&nbsp; &lt;body style="background-color:blue;"&gt;
&nbsp;&nbsp; No meu caso eu vejo duas dificuldades em utilizar o Inglês para renderizar as cores.&nbsp;&nbsp; 1º Meu Inglês de ensino publico é uma porcaria. ^^&nbsp;&nbsp; 2º Mesmo escrevendo BLUE, é pouco especifico correto?&nbsp;&nbsp; existe uma infinidade de tons de AZUL.
&nbsp;&nbsp; Em geral utilizaremos os atributos em TAGS como as que vão entre &lt;body&gt; e &lt;/body&gt;&nbsp;&nbsp; e existem as que dispensam qualquer tipo de informação adicional como a &lt;br /&gt;&nbsp;&nbsp; Que seria especificamente para pular uma linha.&nbsp;&nbsp; Acompanhem na imagem abaixo:
&nbsp;&nbsp;&nbsp; O ¨esqueleto¨, utilizado nessa página será:
&nbsp;&nbsp;&nbsp; &lt;html&gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;head&gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;title&gt;Estilizando a Página&lt;/title&gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/head&gt;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;body style="background-color:#E9E9E9;"&gt;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;p style="background-color:red;color:blue"&gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Parágrafo com fundo vermelho e letra azul&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/p&gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/body&gt;
&nbsp;&nbsp;&nbsp; &lt;/html&gt;
&nbsp;&nbsp;&nbsp; Vamos agora à explicar a composição dele.
&nbsp;&nbsp;&nbsp; &lt;body style="background-color:#E9E9E9;"&gt;&nbsp;&nbsp;&nbsp; (Significa que o corpo todo da página terá cor de fundo CINZA #E9E9E9).&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;p style="background-color:red;color:blue"&gt;&nbsp;&nbsp;&nbsp; (O &lt;p&gt; e &lt;/p&gt; Significa parágrafo correto?Portanto...Eu como quero&nbsp;&nbsp;&nbsp; um paragrafo ¨estilizado¨, utilizo o P STYLE.&nbsp;&nbsp;&nbsp; E indico que a cor de fundo deste paragrafo será vermelho, escrevendo&nbsp;&nbsp;&nbsp; "background-color:red
&nbsp;&nbsp;&nbsp; Em seguida, neste mesmo paragrafo quero que as letras sejam AZUL.&nbsp;&nbsp;&nbsp; acrescento o PONTO e VIRGULA que se utiliza em informações adicionais recordam?&nbsp;&nbsp;&nbsp; Após o PONTO e VIRGULA incluo o color:blue"&gt;&nbsp;&nbsp;&nbsp; Em base seria:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;p style=&nbsp; + (mais) "background-color:red&nbsp; + (mais) ;color:blue"&gt;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; Oque sublinhei em AZUL é apenas para destacar ok?Não vão me escrever isso&nbsp;&nbsp;&nbsp; dentro de seu HTML.Rs&nbsp;&nbsp;&nbsp; Resultado:Parágrafo com fundo vermelho e letra azul
&nbsp;&nbsp;&nbsp; Acompanhem na imagem abaixo:
&nbsp;&nbsp;&nbsp; &nbsp;&nbsp; Notaram que agora criamos uma página CINZA com um paragrafo VERMELHO&nbsp;&nbsp; e cor das fontes (letras) em AZUL?&nbsp;&nbsp; Poderíamos ter utilizado em valores Hex:&nbsp;&nbsp; Cinza: #E9E9E9&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp; Vermelho: #FF0000&nbsp;&nbsp; Azul: #0000FF
&nbsp;&nbsp; Ou em Inglês:&nbsp;&nbsp; Cinza: gray&nbsp;&nbsp; Vermelho: red&nbsp;&nbsp; Azul: blue&nbsp;&nbsp; Ps:Sei bem que a composição de cinza,vermelho e azul ficou horrorosa&nbsp;&nbsp; eram apenas para dar destaque.^^&nbsp;&nbsp; Até a próxima.

&nbsp;&nbsp; Continuação AQUI: Incluindo LINK a Página Web.