Como construir Tráfego para o teu Site,
Ganhe dinheiro com o seu site.
Guia e dicas, experimente:
http://ganhar.noble7fix.com
Ganhe dinheiro com o seu site.
Guia e dicas, experimente:
http://ganhar.noble7fix.com
Guia Prático HTML
Lição 7 - Atributos das Tags
Construir um Website
Pode acrescentar atributos às Tags
O que é um atributo?
Vamos recordar que uma Tag define um comando para ser apresentado no browser (navegador), ( ex: <br /> é 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:
O que é um atributo?
Vamos recordar que uma Tag define um comando para ser apresentado no browser (navegador), ( ex: <br /> é 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:
Vai aparecer assim no browser. repare que color:#00AA00 significa a cor do fundo verde
Como já observou e porque já vai tendo prática a colocação dos Atributos é dentro da tag, seguidos por um sinal de igual e depois entre aspas as informações do atributo. As informações quando mais de uma, devem ser separadas por ponto e vírgula, conforme exemplo acima.
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:
Na página seguinte tem a Tabela das 216 cores HTML com os respectivos códigos.
O código acima produz uma página com cor de fundo verde. Agora chegou a sua vez, construa uma ou mais páginas em HTML, mudando os códigos conforme a Tabela das 216 cores e seguindo o exemplo acima...que tal ? Não se esqueça de colocar o cardinal # antes do código da cor. Existem mais de 1000 cores em código HEX, mas estas 216 são as bases e as mais usadas.
Atenção para nunca alterar seja um espaço ou uma letra sequer, pois isso basta para a Tag, comando ou atributo deixar de funcionar.
Nalguns casos quando usa as cores básicas poderá usar directamente o nome em inglês (white=branco, black=preto, red=vermelho, blue=azul, green=verde e yellow=amarelo).
O código acima produz uma página com cor de fundo verde. Agora chegou a sua vez, construa uma ou mais páginas em HTML, mudando os códigos conforme a Tabela das 216 cores e seguindo o exemplo acima...que tal ? Não se esqueça de colocar o cardinal # antes do código da cor. Existem mais de 1000 cores em código HEX, mas estas 216 são as bases e as mais usadas.
Atenção para nunca alterar seja um espaço ou uma letra sequer, pois isso basta para a Tag, comando ou atributo deixar de funcionar.
Nalguns casos quando usa as cores básicas poderá usar directamente o nome em inglês (white=branco, black=preto, red=vermelho, blue=azul, green=verde e yellow=amarelo).
Vamos relembrar alguns dados importantes acerca dos Atributos:
Já percebeu que algumas Tags quase invariavelmente são acompanhadas por atributos, isto é podem ser aplicados atributos à maioria das Tags, algumas com mais frequência que outras, com a experiência vai verificar isso com facilidade.
Existem muitas tags e 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. Podes ver a página da LISTA DE TAGS onde tem uma explicação resumida para cada uma e atributos. Não te preocupes em decorar tudo de uma vez...vai com a prática.
Em jeito de conclusão do que aprendemos até agora, podemos afirmar que uma Tag tem uma constituição básica que se chama elemento (por exemplo p em <p>). Assim, uma tag é constituida de um elemento (por exemplo <p>), ou por um elemento e um ou mais atributos (por exemplo <p style="background-color:green;">). Isto também não é necessário decorar...
Já percebeu que algumas Tags quase invariavelmente são acompanhadas por atributos, isto é podem ser aplicados atributos à maioria das Tags, algumas com mais frequência que outras, com a experiência vai verificar isso com facilidade.
Existem muitas tags e 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. Podes ver a página da LISTA DE TAGS onde tem uma explicação resumida para cada uma e atributos. Não te preocupes em decorar tudo de uma vez...vai com a prática.
Em jeito de conclusão do que aprendemos até agora, podemos afirmar que uma Tag tem uma constituição básica que se chama elemento (por exemplo p em <p>). Assim, uma tag é constituida de um elemento (por exemplo <p>), ou por um elemento e um ou mais atributos (por exemplo <p style="background-color:green;">). Isto também não é necessário decorar...
Atributos das Tags
Quando uma tag possui um atributo, ele é inserido antes do > na abertura da tag, ou antes do espaço . <tag atributo="valor">texto</tag> ou <tag attributo="valor" />
font
color
O atributo color é utilizado para modificar a cor de um pedaço de texto e pode receber 3 tipos de valores:
* Hexadecimal
Neste a cor é representada por um valor em hexadecimal que indica a cor no sistema RGB, ficando #abcdfe
Quando uma tag possui um atributo, ele é inserido antes do > na abertura da tag, ou antes do espaço . <tag atributo="valor">texto</tag> ou <tag attributo="valor" />
font
color
O atributo color é utilizado para modificar a cor de um pedaço de texto e pode receber 3 tipos de valores:
* Hexadecimal
Neste a cor é representada por um valor em hexadecimal que indica a cor no sistema RGB, ficando #abcdfe
Guia Prático HTML
Copyright © 2007 by Noble7fix · All Rights reserved · E-Mail: noble7fix@gmail.com
* RGB
* Nome da cor:
Neste caso o valor e um nome de cor pré-definida
* Nome da cor:
Neste caso o valor e um nome de cor pré-definida
Size
O atributo size é usado para modificar o tamanho da fonte de um pedaço de texto.
* relativo: quando se utiliza os sinais de maior e menor para indicar que aquele texto deve ser maior x ou menor x que a fonte do local.
* nomeado: big small x-big
O atributo size é usado para modificar o tamanho da fonte de um pedaço de texto.
* relativo: quando se utiliza os sinais de maior e menor para indicar que aquele texto deve ser maior x ou menor x que a fonte do local.
* nomeado: big small x-big
<body style="background-color: black;">
<html>
<head>
</head>
<body style="background-color:#00AA00;">
</body>
</html>
<head>
</head>
<body style="background-color:#00AA00;">
</body>
</html>
<h2 style="background-color:#00AA00;">Eu gosto de criar Websites</h2>