Como Criar um Link de Imagem em HTML

Você já quis adicionar um link em um documento HTML, mas queria mostrar ao leitor uma imagem em vez do texto? A maioria dos programadores HTML sabe, e você também pode saber, depois que ler e seguir as instruções neste artigo.

Passos

  1. Step 1 Abra um programa...
    Abra um programa de edição de texto, como o Bloco de Notas ou o WordPad no Windows[1] . Em um Mac, abra o TextEdit. O Dreamweaver pode ser usado em qualquer uma das duas plataformas[2] .
    • Você também pode usar o Notepad++ para isso, se quiser.
  2. Step 2 Escreva todo o texto HTML precedente que você quiser antes do link da foto.
  3. Step 3 Digite a tag...
    Digite a tag de abertura do link da foto (conhecido pelo seu nome mais sofisticado como um elemento "â"ncora, por isso o "a")[3] , <a href=".
  4. Step 4 ...
    Digite o link que você quer que o usuário veja(incluindo o http://)
  5. Step 5 Continue essa parte do texto com outras aspas (") e um chevron triangular (>).
  6. Step 6 Digite o link, em formato HTML, da imagem que você gostaria de usar.
    Utilize o formato <img src="imagefilenamehere.gif">.
  7. Step 7 Digite a tag de fechamento do link da foto, </a>.
    [4]
  8. Step 8 Digite o texto HTML procedente que deseja para o resto do documento.
    Publicidade

WikiHows Relacionados

Alinhar Algo em HTML
Como
Alinhar Algo em HTML
Criar uma Página Simples da Web com HTML
Como
Criar uma Página Simples da Web com HTML
Verificar a Versão do PHP
Como
Verificar a Versão do PHP
Inserir Uma Linha em HTML
Como
Inserir Uma Linha em HTML
Criar Uma Página Web Simples com o Bloco de Notas
Como
Criar Uma Página Web Simples com o Bloco de Notas
Adicionar um Hiperlink com HTML
Como
Adicionar um Hiperlink com HTML
Redirecionar um URL
Como
Redirecionar um URL
Adicionar Comentários em um Código HTML
Como
Adicionar Comentários em um Código HTML
Esconder um Link em HTML
Como
Esconder um Link em HTML
Fazer um Texto Piscar com HTML
Como
Fazer um Texto Piscar com HTML
Aprender HTML
Como
Aprender HTML
Criar um Plano de Fundo Transparente Usando o Pixlr
Como
Criar um Plano de Fundo Transparente Usando o Pixlr
Publicidade

Referências

  1. ↑ https://hyperise.com/blog/how-to-embed-a-hyperlink-in-an-image
  2. ↑ https://www.geeksforgeeks.org/what-is-dreamweaver/
  3. ↑ https://html.com/anchors-links/
  4. ↑ https://www.w3schools.com/tags/tag_u.asp

Sobre este guia wikiHow

O wikiHow é uma "wiki"; ou seja, muitos de nossos artigos são escritos em parceria com várias pessoas. Para criar este artigo, autores voluntários trabalharam para editá-lo e melhorá-lo desde seu início. Este artigo foi visualizado 118 343 vezes.
Categorias: Programação para Web
Publicidade