Continuando aonde paramos na ultima aula criamos a nossa primeira pagina com cor de fundo CINZA (#E9E9E9). Esse codigo seguido do simbolo # se chama de HEXADECIMAL (HEX). Ex: #ffffff (Branco), #000000 (Preto) Existem muito mais de 1000 Hex. e decorar todos seria impossivel para nos meros mortais.Portanto disponibilizei uma TABELA DE CORES HEXADECIMAL Com algumas das cores que eu mais utilizo. Pela Web afora voce pode encontrar tabelas bem mais completas caso precise. Para aqueles que perderam ou nao se recordam como mudar a cor de fundo da nossa pagina, deixo o LINK AQUI: Pois nessa aula utilizaremos exactamente o mesmo conceito anterior mas um pouco mais aprimorado . Imaginem que dessa vez, queremos colorir a nossa pagina da cor azul. E o tom que desejo utilizar, de acordo a tabela acima seria #0000ff . Ao invez do Hex tambem posso simplesmente escrever a cor em Ingles. Ex em Hex: <body style="background-color:#0000ff;"> Ex com o nome da cor em Ingles: <body style="background-color:blue;"> No meu caso eu vejo duas dificuldades em utilizar o Ingles para renderizar as cores. 1o Meu Ingles de ensino publico e uma porcaria. ^^ 2o Mesmo escrevendo BLUE, e pouco especifico correto? existe uma infinidade de tons de AZUL. Em geral utilizaremos os atributos em TAGS como as que vao entre <body> e </body> e existem as que dispensam qualquer tipo de informacao adicional como a <br /> Que seria especificamente para pular uma linha. Acompanhem na imagem abaixo: O esqueleto , utilizado nessa pagina sera: <html> <head> <title>Estilizando a Pagina</title> </head> <body style="background-color:#E9E9E9;"> <p style="background-color:red;color:blue"> Paragrafo com fundo vermelho e letra azul </p> </body> </html> Vamos agora a explicar a composicao dele. <body style="background-color:#E9E9E9;"> (Significa que o corpo todo da pagina tera cor de fundo CINZA #E9E9E9). <p style="background-color:red;color:blue"> (O <p> e </p> Significa paragrafo correto?Portanto...Eu como quero um paragrafo estilizado , utilizo o P STYLE. E indico que a cor de fundo deste paragrafo sera vermelho, escrevendo "background-color:red Em seguida, neste mesmo paragrafo quero que as letras sejam AZUL. acrescento o PONTO e VIRGULA que se utiliza em informacoes adicionais recordam? Apos o PONTO e VIRGULA incluo o color:blue"> Em base seria: <p style= + (mais) "background-color:red + (mais) ;color:blue"> Oque sublinhei em AZUL e apenas para destacar ok?Nao vao me escrever isso dentro de seu HTML.Rs Resultado:Paragrafo com fundo vermelho e letra azul Acompanhem na imagem abaixo: Notaram que agora criamos uma pagina CINZA com um paragrafo VERMELHO e cor das fontes (letras) em AZUL? Poderiamos ter utilizado em valores Hex: Cinza: #E9E9E9 Vermelho: #FF0000 Azul: #0000FF Ou em Ingles: Cinza: gray Vermelho: red Azul: blue Ps:Sei bem que a composicao de cinza,vermelho e azul ficou horrorosa eram apenas para dar destaque.^^ Ate a proxima. Continuacao AQUI: Incluindo LINK a Pagina Web. Seguindo esta ordem: HTML:Conceitos Basicos. HTML:Conceitos Basicos 02. HTML:Criando Sua Propria Pagina Na Web. HTML:Criando Seu Site TAGS HTML. HTML:Criando Sua Primeira Pagina. HTML:Criando Sua Primeira Pagina 02. Conseguimos criar a nossa primeira pagina em HTML que foi devidamente interpretada pelo nosso Navegador padrao. Agora vamos nos aprofundar um pouco mais e criar