Olá, há um site que tem dicas preciosas sobre html, tá certo que é o basico, mas lhe ajudará e muito!

HTML

O html é uma linguagem simples que as demais do computador e com ALGUMAS PALAVRAS escrita em inglês, porém não podemos falar que qualquer palavra de comando escrita em inglês poderá desempenhar a função, existe o certo grupo dos comandos, e mais que isso, algumas palavras em inglês válidas pra tal...(ex.:palavras de cores em inglês, nem todas estão disponíveis pro HTML)



Básico e **Atributos(q é isso que vc quer, não é?)

A sintaxe fica então da seguinte forma:



Básico:

**

assim melhor:



-pode ser gif, ou jpg no endereço, e isso vai depender exclusivamente do formato da imagem na WEb.

Pra descobrir tal endereço, clicamos com o botão dir. do mouse em cima da figura-->Propriedades, e lá terá o endereço...da qual vc pode pegar, colocar em e pulblicar em uma pág. da internet.

Porém nem sempre dá pra clicar com o botão do mouse em cima da imagem e descubrir assim, às vezes a pág. tem certo código de proteção. Aí vc poderia acessar a fonte pra descobrir o endereço da imagem é que termina com .gif, ou, .jpg, lembrando que poderia ter tantos outros na pág...mas tlvz tenha no meio desses endereços um nome sugestivo que defina pra vc de que imagem é...

**Com a pág. aberta da imagem que quer vai "Exibir"-->"Código fonte" do navegador...(Internet Explorer, etc...)

Aí como é muita coisa que aparece, com esse "documento" que apareceu "Editar"-->"Localizar"-->".jpg"

"Editar"-->"Localizar"-->".gif"

na janela do "documento" isso...

Outra forma de pulblicar a imagem no seu blog ou site seria

de

computador pra web:

Esse processo se dá sobre o ganho do endereço de uma imagem hospedada na Web, Google.

Em todos os casos ela precisa estar hospedada na Web.

Hospedador: Image Shack, por ex., muito famoso. Mas tem outros, sim. Aí dpois vc precisaria inserir como sempre no

e plublicar isso no seu blog(entre as tags e do html do seu blog no seu site hospedador...coisa que vc já deve saber pelo jeito...)

Isso seria o básico.





(Além deste atributo, obviamente indispensável para a visualização da imagem, a etiqueta nos propõe outra série de atributos de maior ou menor utilidade:)



**Atributo alt



Entre aspas deste atributo, colocaremos uma brevíssima descrição da imagem. Esta etiqueta não é indispensável, mas apresenta várias utilidades.



Primeiramente, durante o processo de carregamento da página, quando a imagem não tiver sido ainda carregada, o navegador mostrará esta descrição, com a qual o navegante poderá ter uma idéia do que se trata neste caso.



Isto não é tão trivial se temos em conta que alguns usuários navegam pela rede com uma opção do navegador que desativa a amostra de imagens, com o que tais pessoas poderão sempre saber de que se trata o gráfico e eventualmente mudar o modo com imagens para visualizar.



Além disso, determinadas aplicações para incapacitados ou para telefones vocais que não mostram imagens oferecem a possibilidade de lê-las, o que nunca é demais pensar nestes coletivos.



Em geral, podemos considerar como aconselhável o uso deste atributo salvo para imagens de pouca importância e absolutamente indispensável se a imagem em questão serve de link.



**Atributos height e width



Definem a altura e largura respectivamente da imagem em pixels.



Todos os arquivos gráficos possuem umas dimensões de largura e altura. Estas dimensões podem ser obtidas a partir do próprio disigner gráfico ou também, clicando com o botão direito sobre a imagem vista pelo navegador para logo escolher propriedades sobre o menu que se desdobra.



O fato de explicitar em nosso código as dimensões de nossas imagens ajuda ao navegador a confeccionar a página da forma que nós desejamos inclusive antes das imagens serem baixadas.



Assim, se as dimensões das imagens tiverem sido proporcionadas, durante o processo de carregamento, o navegador reservará o espaço correspondente a cada imagem criando uma planificação correta. O usuário poderá começar a ler tranqüilamente o texto sem que este se mova de um lado a outro cada vez que se carregue uma imagem.



Além desta utilidade, o alterar os valores destes atributos, é uma forma imediata de redimensionar nossa imagem. Este tipo de utilidade não é aconselhável visto que, se o que pretendemos é aumentar o tamanho, a perda da qualidade da imagem será muito sensível. Inversamente, se desejamos diminuir seu tamanho, estaremos usando um arquivo maior do que o necessário para a imagem que estamos mostrando, com o que aumentamos o tempo de descarregamento de nosso documento desnecessariamente.



É importante insistir neste ponto já que muitos estreantes têm o péssimo costume de criar gráficos pequenos redimensionando a imagem por meio desses atributos a partir de arquivos de tamanho descomunal. Temos que pensar que o tamanho de uma imagem com umas dimensões da metade não se reduz à metade, e sim, que é aproximadamente 4 vezes inferior.



**Atributo border



Define o tamanho em pixels do quadro que rodeia a imagem.



Dessa forma, podemos re-enquadrar nossa imagem se desejamos. É particularmente útil quando desejamos eliminar a borda que aparece quando a imagem serve de link. Em tal caso teremos que especificar border="0".



**Atributos vspace e hspace



Serve para indicar o espaço livre, em pixels, que tem que ser colocado entre a imagem e outros elementos que a rodeiam, como texto, outras imagens, etc.



**Atributo lowsrc



Com este atributo podemos indicar um arquivo de baixa resolução. Quando o navegador detecta que a imagem tem este atributo, primeiro descarrega e mostra a imagem de baixa resolução (que ocupa muito pouco e que se transfere muito rápido). Posteriormente, descarrega e mostra a imagem de resolução adequada (assinalada com o atributo src, que se supõe que ocupará mais e que será mais lenta de se transferir).



Está atributo está em desuso, mesmo supondo uma vantagem considerável para que o descarregamento inicial se realize mais rápido e que um visitante possa ver uma amostra da imagem enquanto se descarrega a imagem real.





**outra dica: Utilizar imagens como links



Isto quer dizer que uma imagem, assim como um texto, pode servir de link. Visto a estrutura dos links podemos muito facilmente adivinhar o tipo de código necessário.





http://www.criarweb.com/artigos/57.php



?-->Assim seria

(texto que aparece qdo a deixa/ passa o mouse na fig.)



(Borda)







ou até com mais que uma programação, não importando a ordem,ex.:



e tudo tb poderia ser usado para um link-imagem...





http://www.criarweb.com/artigos/57.php



- - - - - - - - - - - - - - - - - - - - - - - - -- - -- - - - - - - - - - - - -

Textos, fontes...

frase/palavra

frase/palavra



Mistura sem ordem de todos os atributos:

frase/palavra

frase/palavra

frase/palavra



"blue", "pink", "red", etc...-->Tem outras palavras de cores em inglês que podem ser usadas, procure o catálogo na Web, Google, ou mesmo arrisque uma(cor escrita no modo inglês)...

Tb dá pra especificar corer com cód. html de cores: #FF00FF, #000000, etc..., procure a tabelinha na Web...

Google

Observações:

No HTML pra qualquer comando pode ser misturado os atributos específicos em qlq. ordem...

e

px=>corresponde a medidas, em pixels, e serve pra qlq. coisa que especifique tamanho: bordas de imagens, tabelas, etc...um n° vem na frente he hê

COMO POR EXEMPLO:



OK.

Bjus.

nao e melhor uma aula interativa vc pergunta e eu repondo?



msn pela zilhonesima vez neste yahooo





renatoscotty@hotmail.com me add q ajudo