Código Html Para Inserir Um Link Em Um Texto ou Imagem

Olá o tráfego e um grande objetivo e a ser alcançado pelos blogueiros e quando você consegue alcançá-lo com seu blog, pode redirecioná-lo para alguma página que lhe gere comissões de algum programa de afiliado ou somente redirecionar a pessoa para um link que você ache que ela irá gostar, esse redirecionamento e feito através da inserção de links em textos e imagens nas páginas da internet, a inserção desses links em textos ou imagens ela pode ser feita através de um código html, abaixo eu vou estar disponibilizando o código html para inserir um link em um texto ou imagem.

Para inserir um link no seu blog o processo é bem simples basta clicar no link abaixo para baixar o código htlm, a seguir eu explicarei a estrutra do código htlml.

Código Html Para Inserir Um Link em Um Texto ou Imagem Baixar

O código presente no arquivo está abaixo, mas não copie o código abaixo e tente colar na página que deseja porque normalmente da erro, primeiro baixe o arquivo de texto lá voce terá todo o código como um pequena explicação sobre como usar.

Código Html

<a href=”Link Para o Texto ou Imagem”>Texto ou Imagem Que Recebe o Link</a>

Estrutura do Código Htlm Para Inserir Um Link Em Um Texto ou Imagem

É importante frizar onde houver aspas insira os valores dentro delas, abaixo nos vamos analisar a estrutura do código html

<a href=”Link Para o Texto ou Imagem“>: nessa parte, insira o link que deseja para a imagem ou texto.

>Texto ou Imagem Que Recebe o Link</a>: nessa área, Insira o objeto que deseja receber o link pode ser uma imagem ou texto, basta inseri-lo dentro do sinal de maior ou menor > <

Exemplo de Utilização:

Link http://comoganhardinheironainternetrapido.net/

Texto: Blog

Código Original

<a href=”Link Para o Texto ou Imagem”>Texto ou Imagem Que Recebe o Link</a>

Código Alterado

<a href=”http://comoganhardinheironainternetrapido.net/”>Blog</a>

No exemplo acima eu utilizei um texto mas poderá ser feito com uma imagem também, para isso onde está o texto insira o código html para inserir imagens.

Exemplo

Código htlm de uma imagem:

<img title=”Sol” src=”http://comocriarumblognowordpress.com/wp-content/uploads/2016/11/sol.jpg” alt=”Sol” width=”” height=”” />

Código inserido

  • Arquivo original com link em um texto

<a href=”http://comoganhardinheironainternetrapido.net/”>Blog</a>

  • Arquivo alterado com link em uma imagem

<a href=”http://comoganhardinheironainternetrapido.net/”><img title=”Sol” src=”http://comocriarumblognowordpress.com/wp-content/uploads/2016/11/sol.jpg” alt=”Sol” width=”” height=”” /></a>

Se voce não sabe como inserir uma imagem no blog veja este artigo:

Código Html Para Inserir Uma Imagem no Blog

O artigo acima lhe dará o código para inserir uma imagem no Blog, para obter a url voce poderá utlilizar dois métodos, descritos nos artigos abaixo, o primeiro em um site especializado e outro voce hospedará a imagem no seu blog do wordpress.

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

Agora você ja possue o código html para inserir um link em um texto ou imagem.

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

Veja também como fazer para um link abrir em outra aba ou janela no tutorial abaixo:

Como Fazer Para Um Link Abrir em Outra Aba ou Janela

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

2 Comentários

Deixe uma resposta

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