HTML:Incluindo Atributos em Nosso WebSite.
Autor: Erick | Publicado: 2011-03-25T17:58:00-03:00


&nbsp;&nbsp;&nbsp; Vamos agora acrescentar ATRIBUTOS, para tentar&nbsp;&nbsp;&nbsp; dar um visual melhor a nossa página.&nbsp;&nbsp;&nbsp; Ordem das aulas:&nbsp; &nbsp;&nbsp;HTML:Conceitos Básicos. &nbsp;&nbsp;&nbsp; HTML:Conceitos Básicos 02.&nbsp;&nbsp;&nbsp; HTML:Criando Sua Própria Página na Web.&nbsp;&nbsp;&nbsp; HTML:Criando Seu Site-TAGS HTML.&nbsp;&nbsp;&nbsp; HTML:Criando Sua Primeira Página.&nbsp;&nbsp;&nbsp; HTML:Criando Sua Primeira Página 02.&nbsp;&nbsp;&nbsp; HTML:Avançando Seus Conhecimentos em HTML.&nbsp;&nbsp;&nbsp; HTML:Criando Listas em Sua Página.
&nbsp;&nbsp;&nbsp; Até agora já sabemos estruturar, colocar títulos, cabeçalhos, criar as páginas Web&nbsp;&nbsp;&nbsp; e listarmos nossos itens.&nbsp;&nbsp;&nbsp; Obviamente um página com apenas isso nem de longe pode ser chamada de &nbsp;&nbsp;&nbsp; Web Site ainda, portanto?&nbsp;&nbsp;&nbsp; Vamos dar um visual melhor a nossa página colocando uns fundos com cores.&nbsp;&nbsp;&nbsp; Oque são os ATRIBUTOS?
&nbsp;&nbsp;&nbsp; Explicando de forma simples as TAGS de COMANDO, são as que efetuam o&nbsp;&nbsp;&nbsp; comando descrito entre &lt; e &gt;, como a &lt;b&gt; para NEGRITOS.&nbsp;&nbsp;&nbsp; Já as TAGS de ATRIBUTOS, elas acrescentam informações adcionais.&nbsp;&nbsp;&nbsp; Ex:
&nbsp;&nbsp;&nbsp; &lt;body style=¨background-color:#E9E9E9;¨&gt;
&nbsp;&nbsp;&nbsp; ATRIBUTOS, são escritos na TAG seguido do sinal de IGUAL, aonde sublinhei&nbsp;&nbsp;&nbsp; com um tom avermelhado.Notaram o = ?&nbsp;&nbsp;&nbsp; Perfeito.&nbsp;&nbsp;&nbsp; Após o sinal de IGUAL você abre ASPAS&nbsp; ¨&nbsp; aonde sublinhei de tom AZUL.&nbsp;&nbsp;&nbsp; Após abrir ASPAS, você inclui as informações adcionais.&nbsp;&nbsp;&nbsp; No meu caso escolhi BACKGROUND-COLOR. (cor de fundo).&nbsp;&nbsp;&nbsp; Agora que já fiz a TAG de cor de fundo, tenho de ser mais claro correto?&nbsp;&nbsp;&nbsp; Afinal;Qual cor de fundo?&nbsp;&nbsp;&nbsp; O código #E9E9E9 significa cor CINZA.&nbsp;&nbsp;&nbsp; Mais detalhes sobre cores explicarei na aula de renderização de CORES.&nbsp;&nbsp;&nbsp; Por hora, utilizemos o CINZA.&nbsp;&nbsp;&nbsp; Finalizei com o sinal PONTO e VIRGULA, sublinhado em VERDE.&nbsp;&nbsp;&nbsp; Esse símbolo em HTML significa que pode haver informações adicionais.&nbsp;&nbsp;&nbsp; É como a virgula na gramática sabem?&nbsp;&nbsp;&nbsp; Ex:&nbsp;&nbsp;&nbsp; HTML , XHTML , etc...&nbsp;&nbsp;&nbsp; Para incluirmos mais informações a um texto não separamos por VIRGULA?&nbsp;&nbsp;&nbsp; No HTML separamos com PONTO e VIRGULA.
&nbsp;&nbsp;&nbsp; Vamos então criar nossa primeira página com cor de fundo?&nbsp;&nbsp;&nbsp; Abram seu Notepad++ e me acompanhem pela imagem abaixo:
&nbsp;&nbsp;&nbsp; &nbsp;&nbsp; &lt;html&gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;head&gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;title&gt;Incluindo Atributos em Nosso Web Site&lt;/title&gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/head&gt;
&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; &lt;h1&gt;Cor de Fundo CINZA&lt;/h1&gt;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/body&gt;
&nbsp;&nbsp; &lt;/html&gt;
&nbsp;&nbsp; Essa seria a estrutura, vamos conferir o resultado?&nbsp;&nbsp; Resultado:&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; Caso tenham notado, TUDO quanto é TAG utiliza comando em Inglês, portanto&nbsp;&nbsp;&nbsp; aconselho a deixar anotado as TAGS em um bloco de notas, dessa forma basta&nbsp;&nbsp;&nbsp; você ir copiando e colando até se habituar a escrevê-las, pois uma única letra &nbsp;&nbsp;&nbsp; errada ou esquecer de abrir ou fechar ASPAS, já formara um código errado que&nbsp;&nbsp;&nbsp; os navegadores não poderão ler ok?&nbsp;&nbsp;&nbsp; Até a próxima.
&nbsp;&nbsp;&nbsp; Continuação AQUI: