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