Como Inserir Um Link Para Uma Imagem Em Html

Índice:

Como Inserir Um Link Para Uma Imagem Em Html
Como Inserir Um Link Para Uma Imagem Em Html

Vídeo: Como Inserir Um Link Para Uma Imagem Em Html

Vídeo: Como Inserir Um Link Para Uma Imagem Em Html
Vídeo: Link na Imagem HTML - (Tutorial Completo) 2024, Abril
Anonim

Postagens em um blog ou em outro recurso podem conter não apenas informações sobre um assunto específico, mas também links diretos para uma fonte de informação ou outro recurso. Em particular, o editor de HTML permite formatar links para arquivos gráficos.

Como inserir um link para uma imagem em html
Como inserir um link para uma imagem em html

É necessário

Acesso à internet

Instruções

Passo 1

A maneira mais fácil de criar um link, incluindo um link para uma imagem, consiste nas seguintes marcas: texto explicativo. Dê um link para o próprio arquivo gráfico como o endereço da página, por exemplo: https://www.site.com/mypicure.jpg. No texto explicativo, você pode indicar o nome do arquivo ou outras informações. Ao visualizar a mensagem finalizada, apenas ela ficará visível, a imagem será aberta ao clicar com o cursor.

Passo 2

A imagem pode ser um link para si mesma ou outro arquivo gráfico. Nesse caso, insira as seguintes tags:. Endereço da página - o endereço que abrirá quando você clicar com o mouse; URL da imagem - o URL da imagem em que você deseja clicar. Um texto explicativo aparece ao passar o mouse. O link com o design especificado será aberto em uma nova janela.

etapa 3

No entanto, esses ajustes são opcionais se você quiser apenas postar uma foto em sua postagem. O principal é saber seu endereço na rede. Insira tags:. O URL da imagem deve ser semelhante a:

Passo 4

Parâmetros adicionais permitem ajustar o tamanho da imagem exibida. Para fazer isso, use as tags width = e height =. Não é necessário usar ambos, se você especificar um deles, o segundo parâmetro mudará proporcionalmente. Após a tag, coloque a altura ou largura desejada da imagem em pixels. O resultado pode ser assim:

Recomendado: