Planeta Tutorial
Planeta Tutorial

Ola Visitante, Seja bem vindo(a) ao Planeta Tutorial, esta-mos em construção em breve estaremos prontos para lhe atender e fornecer-lhe tutoriais e dicas diversas para você aprimorar os seus conhecimentos e passar para outros. esperamos que você goste de nosso conteudo e se torne um Membro para poder participar ainda mais de nossas atividades. Vale também ressaltar que, Para você ter acesso aos links por ai , é necessário ser registrado, então se registre .
Se já tem uma conta no forúm,
Logue-se .
Painel de Usuario

Mensagens: 0


Alterar
Ver
Tópicos e mensagens
Menu
Redes Sociais
Buscar
 
 

Resultados por:
 


Rechercher Busca avançada

Translate
Últimos assuntos
» Regras da Área de pedidos
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
Sab 25 Jun 2011 - 15:20 por konan

» Montagem multicolorida com tintas e efeitos diversos
Sab 25 Jun 2011 - 15:18 por konan

» Linhas luminescentes no Photoshop
Sab 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

Estatísticas
Temos 26 usuários registrados
O último usuário registrado atende pelo nome de kaironborges

Os nossos membros postaram um total de 144 mensagens em 142 assuntos
Radio Jovem Pan
Relogio
Novembro 2018
SegTerQuaQuiSexSabDom
   1234
567891011
12131415161718
19202122232425
2627282930  

Calendário Calendário

Visitou

Lição 7: Atributos

Ir em baixo

Lição 7: Atributos

Mensagem por luan em Qui 16 Jun 2011 - 12:19

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:


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!

avatar
luan
Newbie
Newbie

Respeito às regras : Respeito as regras 100%

Mensagens : 18
Reputação : 0
Data de inscrição : 14/06/2011
Idade : 23

Voltar ao Topo Ir em baixo

Voltar ao Topo


 
Permissão deste fórum:
Você não pode responder aos tópicos neste fórum