Painel de Usuario
Mensagens: 0
-
Alterar
-
Ver
-
Tópicos e mensagens
Menu
- Planeta Tutorial
- Ajuda e suporte
- Serviços para usuários
- Entretenimento
- Game zone
- Outros serviços
Procurar
Translate
Últimos assuntos
Estatísticas
Temos 26 usuários registradosO último membro registrado é kaironborges
Os nossos membros postaram um total de 144 mensagens em 142 assuntos
Radio Jovem Pan
Relogio
Visitou
Lição 7: Atributos
Página 1 de 1
Lição 7: Atributos
Você pode adicionar atributos às tags.
O que é atributo?
Como você deve estar lembrado, uma tag é um comando para o navegador (por exemplo,
é um comando para mudar de linha). Em algumas tags você pode ser mais
específico, acresentando na tag, informações adicionais de comando.
Isto é feito através dos atributos.
Exemplo 1:
Atributos
são escritos dentro da tag, seguidos por um sinal de igual e depois
entre aspas são declaradas as informações do atributo. As informações
quando mais de uma, devem ser separadas por ponto e vírgula, tudo
conforme mostrado no exemplo acima. Adiante voltaremos a este assunto.
Como é isto?
Existem vários atributos. O primeiro que você aprenderá é o atributo style. Com o atributo style você pode adicionar estilização e layout ao seu website. Por exemplo, uma cor de fundo:
Exemplo 2:
O
código acima renderiza uma página com cor de fundo vermelha - vá em
frente! experimente você mesmo, construa uma página vermelha. A seguir
explicaremos como funcionam as cores.
Notar que algumas
tags e atributos usam nomes do idioma inglês dos E.U.A. É muito
importante que você use os nomes exatamente como mostrados neste
tutorial - se você mudar uma letra que seja, o navegador não irá
entender seu código. É importante também que você não se esqueça de
fechar as aspas nas informações do atributo.
Como a página ficou vermelha?
No
exemplo acima nós usamos o código "#ff0000" para fazer a página na cor
vermelha. Eate é o código para a cor vermelha no sistema chamado de
números hexadecimal (HEX). Cada cor é representada por um número hexadecimal. A seguir alguns exemplos:
Branco: #ffffff
Preto: #000000 (zeros)
Vermelho: #ff0000
Azul: #0000ff
Verde: #00ff00
Amarelo: #ffff00
Um
código hexadecimal para cores é formado por um sinal # seguido de seis
dígitos e/ou letras. Existe mais de 1000 códigos HEX e não é fácil
decorar o código para todas as cores. Para facilitar as coisas nós
desenvolvemos 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 inglês (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 freqüência em algumas tags, tais como a tag body e raramente usará em outras, como por exemplo, a tag br que é um comando para pular de linha e não precisa de nenhuma informação adicional.
Assim
como existem muitas tags, também existem muitos atributos. Alguns
atributos são empregados em tags específicas enquanto outros servem
para várias tags. E vice-versa: algumas tags podem conter somente um
tipo de atributo, enquanto outras podem conter vários tipos.
Isto
pode parecer um pouco confuso, mas à medida que você for praticando vai
constatar que tudo é fácil e lógico, bem como vai verificar as inúmeras
possibilidades que os atributos oferecem.
Este tutorial apresentou a você, os atributos.
Então, quais são as partes que constituem uma tag?
A constituição básica de uma tag é denominada elemento (por exemplo p em
O que é atributo?
Como você deve estar lembrado, uma tag é um comando para o navegador (por exemplo,
é um comando para mudar de linha). Em algumas tags você pode ser mais
específico, acresentando na tag, informações adicionais de comando.
Isto é feito através dos atributos.
Exemplo 1:
- Código:
<h2 style="background-color:#ff0000;">Eu adoro HTML</h2>
Atributos
são escritos dentro da tag, seguidos por um sinal de igual e depois
entre aspas são declaradas as informações do atributo. As informações
quando mais de uma, devem ser separadas por ponto e vírgula, tudo
conforme mostrado no exemplo acima. Adiante voltaremos a este assunto.
Como é isto?
Existem vários atributos. O primeiro que você aprenderá é o atributo style. Com o atributo style você pode adicionar estilização e layout ao seu website. Por exemplo, uma cor de fundo:
Exemplo 2:
- Código:
<html>
<head>
</head>
<body style="background-color:#ff0000;">
</body>
</html>
O
código acima renderiza uma página com cor de fundo vermelha - vá em
frente! experimente você mesmo, construa uma página vermelha. A seguir
explicaremos como funcionam as cores.
Notar que algumas
tags e atributos usam nomes do idioma inglês dos E.U.A. É muito
importante que você use os nomes exatamente como mostrados neste
tutorial - se você mudar uma letra que seja, o navegador não irá
entender seu código. É importante também que você não se esqueça de
fechar as aspas nas informações do atributo.
Como a página ficou vermelha?
No
exemplo acima nós usamos o código "#ff0000" para fazer a página na cor
vermelha. Eate é o código para a cor vermelha no sistema chamado de
números hexadecimal (HEX). Cada cor é representada por um número hexadecimal. A seguir alguns exemplos:
Branco: #ffffff
Preto: #000000 (zeros)
Vermelho: #ff0000
Azul: #0000ff
Verde: #00ff00
Amarelo: #ffff00
Um
código hexadecimal para cores é formado por um sinal # seguido de seis
dígitos e/ou letras. Existe mais de 1000 códigos HEX e não é fácil
decorar o código para todas as cores. Para facilitar as coisas nós
desenvolvemos 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 inglês (white, black,
red, blue, green e yellow - branco, preto, vermelho, azul, verde,
amarelo).
Exemplo 3:
- Código:
<body style="background-color: red;">
Chega de cores. Voltemos aos atributos.
Quais tags podem usar atributos?
Atributos podem ser aplicados à maioria das tags.
Você normalmente usará atributos com mais freqüência em algumas tags, tais como a tag body e raramente usará em outras, como por exemplo, a tag br que é um comando para pular de linha e não precisa de nenhuma informação adicional.
Assim
como existem muitas tags, também existem muitos atributos. Alguns
atributos são empregados em tags específicas enquanto outros servem
para várias tags. E vice-versa: algumas tags podem conter somente um
tipo de atributo, enquanto outras podem conter vários tipos.
Isto
pode parecer um pouco confuso, mas à medida que você for praticando vai
constatar que tudo é fácil e lógico, bem como vai verificar as inúmeras
possibilidades que os atributos oferecem.
Este tutorial apresentou a você, os atributos.
Então, quais são as partes que constituem uma tag?
A constituição básica 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!
luan- Newbie
- Respeito às regras :
Mensagens : 18
Reputação : 0
Data de inscrição : 14/06/2011
Idade : 29
Tópicos semelhantes
» Lição 12: Layout (CSS)
» Lição 10: Tabelas
» Lição 9: Imagens
» Lição 2: O que é HTML?
» Lição 8: Links
» Lição 10: Tabelas
» Lição 9: Imagens
» Lição 2: O que é HTML?
» Lição 8: Links
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos
|
|
Ter 28 Jun 2011 - 17:31 por Admin
» Efeito Glow
Seg 27 Jun 2011 - 17:39 por Admin
» Efeito Brilho Suave nas fotos
Seg 27 Jun 2011 - 17:33 por Admin
» Arte geométrica com Photoshop
Seg 27 Jun 2011 - 17:31 por Admin
» Efeito Varinha Mágica no Photoshop
Sáb 25 Jun 2011 - 15:20 por konan
» Montagem multicolorida com tintas e efeitos diversos
Sáb 25 Jun 2011 - 15:18 por konan
» Linhas luminescentes no Photoshop
Sáb 25 Jun 2011 - 15:17 por konan
» Segredos sobre design de site
Sex 24 Jun 2011 - 23:00 por konan
» Hardware para iniciantes, parte 5
Sex 24 Jun 2011 - 22:41 por konan