Uma tag de fácil uso é a de inserir imagens, a função já vem agregada à interface do blogger, porém para melhor customização da imagem é melhor inserir o código diretamente. Para tanto utiliza-se a tag <img>, conforme abaixo:
<img src="inserir aqui o endereço da imagem"/>
Com o código acima é possivel inserir uma imagem, mas existem outras funções que podem ser colocadas na tag <img> , as quais encontram-se abaixo:
<img height="inserir a altura da imagem" src="inserir aqui o endereço da imagem" title="inserir a frase que aparecerá ao colocar o mouse sobre a figura" width="inserir a largura da imagem"/>
Onde insere-se a largura e altura da imagem, pode-se colocar apenas um número o qual vai ser visto como quantidade de pixels, ou pode-se colocar um número seguido de "%", ou seja em porcentagem, o qual fará com que a figura seja o percentual proporcional ao tamanho da janela do navegador que mostra a página em questão. Para inserir um link na figura, basta acrescentar outra tag antes da mostrada acima. Exemplo:
<a href="inserir o link da página que deseja abrir ao clicar na figura"> <img height="inserir a altura da imagem" src="inserir aqui o endereço da imagem" title="inserir a frase que aparecerá ao colocar o mouse sobre a figura" width="inserir a largura da imagem"> </a>
Ainda utilizando a tag acima, pode-se inserir outra função a qual irá fazer com que o link desejado abra em uma nova janela, assim o visitante não irá fechar sua página ao clicar na imagem. Exemplo:
<a href="inserir o link da página que deseja abrir ao clicar na figura" target="_blank"> <img height="inserir a altura da imagem" src="inserir aqui o endereço da imagem" title="inserir a frase que aparecerá ao colocar o mouse sobre a figura" width="inserir a largura da imagem">
Pronto! Com o código acima pode-se inserir uma figura customizada, e se utilizado várias vezes pode-se inserir várias figuras uma ao lado da outra, do tamanho desejado.
0 comentários:
Postar um comentário