Lio 7: AtributosVoc pode adicionar atributos s tags.
O que atributo?
Como voc deve estar lembrado, uma tag um comando para o
navegador (por exemplo,
umcomando para mudar de linha). Em algumas tags voc pode ser mais
especfico, acresentando na tag,informaes adicionais de comando.
Isto feito atravs dos atributos.
Exemplo 1:
Eu adoro HTML
Atributos so escritos dentro da tag, seguidos por um sinal de
igual e depois entre aspas so declaradas asinformaes do atributo.
As informaes quando mais de uma, devem ser separadas por ponto e
vrgula,tudo conforme mostrado no exemplo acima. Adiante voltaremos
a este assunto.
Como isto?
Existem vrios atributos. O primeiro que voc aprender o atributo
style. Com o atributo style voc podeadicionar estilizao e layout ao
seu website. Por exemplo, uma cor de fundo:
Exemplo 2:
O cdigo acima renderiza uma pgina com cor de fundo vermelha - v
em frente! experimente voc mesmo,construa uma pgina vermelha. A
seguir explicaremos como funcionam as cores.
Notar que algumas tags e atributos usam nomes do idioma ingls
dos E.U.A. muito importante que vocuse os nomes exatamente como
mostrados neste tutorial - se voc mudar uma letra que seja, o
navegadorno ir entender seu cdigo. importante tambm que voc no se
esquea de fechar as aspas nasinformaes do atributo.
Como a pgina ficou vermelha?
No exemplo acima ns usamos o cdigo "#ff0000" para fazer a pgina
na cor vermelha. Eate o cdigopara a cor vermelha no sistema chamado
de nmeros hexadecimal (HEX). Cada cor representada porum nmero
hexadecimal. A seguir alguns exemplos:
Lio 7: Atributos - HTML.net
http://pt-br.html.net/tutorials/html/lesson7.php
1 de 2 04/02/2014 16:36
>
Branco: #ffffffPreto: #000000 (zeros)Vermelho: #ff0000Azul:
#0000ffVerde: #00ff00Amarelo: #ffff00
Um cdigo hexadecimal para cores formado por um sinal # seguido
de seis dgitos e/ou letras. Existe maisde 1000 cdigos HEX e no fcil
decorar o cdigo para todas as cores. Para facilitar as coisas
nsdesenvolvemos uma carta com as 216 cores mais usadas na web:
Carta das 216 cores seguras para a Web.
Para algumas cores, voc pode usar o nome das cores em ingls
(white, black, red, blue, green e yellow -branco, preto, vermelho,
azul, verde, amarelo).
Exemplo 3:
Chega de cores. Voltemos aos atributos.
Quais tags podem usar atributos?
Atributos podem ser aplicados maioria das tags.
Voc normalmente usar atributos com mais freqncia em algumas
tags, tais como a tag body eraramente usar em outras, como por
exemplo, a tag br que um comando para pular de linha e noprecisa de
nenhuma informao adicional.
Assim como existem muitas tags, tambm existem muitos atributos.
Alguns atributos so empregados emtags especficas enquanto outros
servem para vrias tags. E vice-versa: algumas tags podem
contersomente um tipo de atributo, enquanto outras podem conter
vrios tipos.
Isto pode parecer um pouco confuso, mas medida que voc for
praticando vai constatar que tudo fcil elgico, bem como vai
verificar as inmeras possibilidades que os atributos oferecem.
Este tutorial apresentou a voc, os atributos.
Ento, quais so as partes que constituem uma tag?
A constituio bsica de uma tag denominada elemento (por exemplo p
em
). Assim, uma tag constituida de um elemento (por exemplo
), ou por um elemento e um ou mais atributos (por exemplo ).
Simples!
Lio 7: Atributos - HTML.net
http://pt-br.html.net/tutorials/html/lesson7.php
2 de 2 04/02/2014 16:36
