Dicas HTML: Imagens

18 de março de 2011



Bom gente, percebi que muitos blogs estão com dúvida em relação a dicas básicas de html, então irei postar dicas simples e bastante úteis. Para conferir as dicas, clique em continuar lendo.


Atenção! Retire os '*' quando for utilizar o código.



IMAGEM NO BLOG




<*img src="URL_DA_IMAGEM" />

Sua imagem ficará "inclicável", porém recentemente não estava funcionando, então pode ser que dê certo e pode ser que não. Onde está URLDAIMAGEM troque pelo URL da sua imagem hospedada.
IMAGEM COM LINK


<*a href="URL"><*img src="URL_DA_IMAGEM" /><*/a>


Onde está URL troque pelo endereço que será redirecionado ao clicar na imagem, e URL_DA_IMAGEM pelo URL da sua imagem hospedada.

REDIMENSIONANDO A IMAGEM


<*img src="URL_DA_IMAGEM" height="ALTURA" width="LARGURA" />

Onde está URL_DA_IMAGEM troque pelo URL da sua imagem hospedada. Substitua ALTURA pelos pixels que quer de altura e LARGURA pelos pixels que quer de largura. Você também pode redimensionar por percentagem - basta incluir o caracteres % após o número de altura e largura. 

IMAGENS LADO A LADO



<*img src="URL_DA_IMAGEM" /><*img src="URL_DA_IMAGEM" />

Onde está URL_DA_IMAGEM troque pelo URL da sua imagem hospedada. 

Espero que tenham gostado, amanhã tem mais dicas de html!

tutoriais por A-HTML