Inserindo imagens com HTML
Já aprendemos a linkar, a construir tabelas e a formatar textos. Além de que aprendemos também a estrutura básica do HTML.
Quero informar que essa sessão não sairá mais nas sextas-feiras, como era feito. Agora ela não terá um dia definido, podendo sair a qualquer dia, hora ou mês.
Me veio a seguinte pergunta à mente: “Por que eu estou ensinado os códigos HTML, sendo que, existem programas que com 1 click pode-se colocar tabela, links e formatar textos?”. A resposta veio depois. Pois se acontecer algum erro no código que o programa não consiga arrumar, você, se não quiser fazer tudo de novo, vai ter que acessar o código, procurar o erro e tentar arrumar. Para fazer isso você deve, no mínimo saber as tags principais do HTML para saber por onde começar a procurar.
Cedo ou tarde você vai ter que encarar os códigos. Mas, para não ser um blogueiro chato, que fica apertando na mesma tecla, pretendo, futuramente, ensinar com programas também. Mas, se não quiser esperar, muito menos aprender através dos códigos, sugiro que visite o Dicas Blogger. A Juliana Sardinha ensina com programas como o NVU Portable. Vale a pena conferir.
Voltando ao assunto! Vamos aprender a colocar imagens. É algo, simples, rápido e fácil. O código padrão, sem complementos:
<img src="http://dominio.com.br/imagem.jpg" />
Você pode colocar um tamanho fixo usando as tags width e height. Sendo wight a largura e height a altura. No exemplo abaixo vou usar com os tamanhos 500 de largura e 250 de altura. Os tamanhos são em pixels. Não é necessário terminação nos números (px).
<img src="http://dominio.com.br/imagem.jpg" wight="500" height="250" />
Podemos ainda colocar uma borda ou tirar uma borda com a tag border. Sendo “0” para tirar e “1” até “999” para colocar. No exemplo abaixo eu vou tirar, sendo que a borda só iria aparecer se a imagem fosse um link.
<img src="http://dominio.com.br/imagem.jpg" wight="500" height="250" border="0" />
Você notou que tem uma “/” antes do “>”? Ela serve para fechar o código. Não é como nos outro, de negrito por exemplo (<b></b>). No código de imagem não se fecha o código com </img>. E o Blogger exige que se feche os códigos, pelo menos é o que ele pede quando editamos o código de template. Além dele pedir aspas únicas (‘’) e não duplas (“”).
Não vou ensinar a colocar link nas imagens por já fiz quando aprendemos a linkar. De uma passadinha lá, não custa nada. Dúvidas? Tirem por comentários e/ou por formulário de contado.
ae blz, muito bom o topico, so que quando eu vo no nvu e clico para adicionar a imagem, eu escolho a imagem ai no endereço da imagem em vez de ficar so o nome da imagem.formato da imagem , ela fica tipow assim
file:///C:/Documents%20and%20Settings/Rafael%20&%20Rayane/Desktop/Surf%20Style/Surf%20line%20banner.jpg o local de onde ela ta, mais so que quando coloco ela no site nao aparece. Isso acontece em todas fotos, links e mais, antes nao acontecia ai agora começou a dar isso, oque eu devo fazer !
vlw