Código Html Para Inserir Uma Imagem no Blog

Os códigos html permitem uma personalização completa das suas páginas, porque através deles você consegue alterar a estrutra das suas páginas na internet em sua base, e hoje eu vou disponibilizar para você o código html para inserir uma imagem no blog, através desse código você conseguirá inserir imagens não só no seu blog mais em qualquer outra página que você tenha na internet.

O código html que vou mostrar a você, não só permitirá que você insira as suas imagens nas suas páginas da internet, mas também permitirá que você personalize as mesmas, redimensioando inserindo uma largura e altura específica ,inserindo um título, e ainda poderá inserir uma informação que aparecerá no lugar da imagem se houver um problema de carregamento.

Qual o Código Html Para Inserir Uma Imagem no Blog

Abaixo voce encontrará o código htlm, basta clicar no link para baixá-lo, no arquivo de texto baixado haverá o código é uma breve explicação de como usá-lo.

Código Html Para Inserir Uma Imagem no Blog Baixar

Importante!!! não copie o código abaixo e tente inserir na página que deseja, porque normalmente dá erro, primeiro baixe o arquivo acima e o copie dentro do arquivo de texto,

Para inserir uma imagem em seu blog basta subistituir os campos destacados pelas caracterísitcas da imagem que deseja , vamos abordar um por um para você, são eles:

Esse é o código:

<img  src=”Url da Imagem” title=”Título da Imagem” alt=”Alt da Imagem” width=”digite o valor aqui” height=”digite o valor aqui” />

Vamos abordar agora a estrutura desse código.

Em Url da imagem você deverá subistituir esse texto pelo link da imagem que deseja, muita atenção substitua apenas a parte que está em negrito pelo link da imagem, certifique-se que o link fique entre as aspas depois de src=.

Se você não tem a url da imagem que deseja, não se preucupe, abaixo haverá dois tutoriais, em um  eu mostro como hospedar uma imagem gratuitamente na internet em um bom servidor,no outro você encontrará um tutorial também sobre como hospedar uma imagem no blog do WordPress, para você que usa o wordpress.

Como Hospedar Uma Imagem Grátis Passo a Passo
Como Hospedar Uma Imagem no Blog do WordPress

Ao substituir apenas esse campo (Url da imagem), você ja conseguirár visualizar a sua imagem no blog, agora vamos abordar os atributos, antes eu quero dizer que temos vários, eu vou abordar somente os princípais, é importante ressaltar que você deverá inserir os textos ou números dentro das aspas dos atributos ex.: ” texto ou número “.

<img  src=”Url da Imagem” title=”Título da Imagem” alt=”Alt da Imagem” width=”digite o valor aqui” height=”digite o valor aqui” />

  • Title: em título da imagem digite um título para sua imagem, é bom utlizá-lo por uma questão de seo no seu blog.
  • Alt: em Alt da Imagem digite o texto que será exibido assim que a pessoa passar o mouse sobre a imagem, esse texto também será exibido se a imagem não carregar corretamente, no lugar da imagem aparecerá o texto que você inserir em Alt.
  • Width: dentro das aspas digite o valor da largura da imagem em pixels. exemplo 300,200…
  • Height: dentro das aspas digite o valor da altura da imagem em pixels, exemplo 150, 200, os valores de Width e Height podem variar de acordo com a sua imagem, se não quiser específicar a largura e a altura apenas apague o texto “digite o valor aqui” e deixe em branco, a imagem ficará com a altura e largura original.

Bem espero ter ajudado nesse artigo, se restou alguma dúvida deixe um comentário.

Até o próximo artigo. Tenha um grande dia e sucesso!

Rayson Bernardo

Fique à vontade e aproveite o contéudo do blog, eu escrevo com o intuito de ajudar o máximo de pessoas possível, assim nos tornamos a cada dia pessoas melhores através da ajuda mútua, valeu e sucesso!

Website: http://www.comoganhardinheironainternetrapido.net

6 Comentários

  1. oque ta errado nesse codigo html <a href="

  2. Valeu vou verificar

    Tenha um grande dia e sucesso!

  3. Olá Wilson

    Eu simplifiquei o código pode tentar novamente amigo que dará certo, qualquer dúvida me avisa

    Abraço e Sucesso!

  4. Anônimo

    CODICO ERRADO AMIGO

  5. Artigo atualizado, em breve irei colocar um vídeo tutorial para complementar o tutorial

    Abraço e sucesso!

Deixe uma resposta

O seu endereço de e-mail não será publicado.