Link e Imagem em HTML

Muitos dos leigos se perguntam como é possível introduzir uma imagem e um link, ou os dois simultaneamente. É um dos vértices mais simples do HTML, os códigos referentes á introdução da imagem e do link são introduzidos entre a tag <body> e </body>, que significam o corpo do documento HTML visto na postagem anterior 'Estrutura básica do HTML'.

O código referente á introdução da imagem é:

<img src="Endereço da imagem"/>

Para uma possível redimensão da imagem, o código aumenta ficando assim:

<img src="Endereço da imagem" width="Largura da imagem" height="Altura da imagem"/>

Para colocar borda, apenas modifique para o tamanho que deseja a grossura da borda, se não quiser borda coloque 0:

<img src="Endereço da imagem" width="Largura da imagem" height="Altura da imagem" border="1"/>

O código referente á introdução de link é:

<a href="Endereço do link">Texto referente ao link</a>

Podemos também ter uma imagem com referência para algum link:

<a href="Endereço do link"><img src="Endereço da imagem" width="Largura da imagem" height="Altura da imagem" border="0"/></a>

Dúvidas podem ser tiradas na aba 'Comentários'

23 comentários:

Já passei da fase de html, acho a linguagem mais simples. Mas parabêns pelo post será muito útil para quem está iniciando.

31 de maio de 2013 às 15:38 comment-delete

Meus parabéns, um excelente artigo. Obrigado por compartilhar conosco!

1 de fevereiro de 2017 às 00:25 comment-delete

Legal, Mais uma dica interessante !!

27 de fevereiro de 2017 às 20:25 comment-delete

Nossa tua explicação foi bem simples. Estava tentando fazer um link na imagem com o código e não estava conseguindo. Muito obrigado pela ajuda.

28 de fevereiro de 2017 às 16:38 comment-delete

Nossa, muito simples. Eu estava aqui quebrando a cabeça. Excelente tutorial. Obrigada.

21 de março de 2017 às 22:47 comment-delete

Eu estava procurando esse código HTML, obrigada por compartilhar.

19 de janeiro de 2018 às 22:08 comment-delete

obrigado pela informação

24 de janeiro de 2018 às 20:23 comment-delete

Obrigada por compartilhar essa excelente explicação.

1 de fevereiro de 2018 às 15:21 comment-delete

Obrigado pelas dicas e por compartilhar esse post.

2 de fevereiro de 2018 às 16:05 comment-delete

Era isso q eu estava procurando, obrigada

6 de fevereiro de 2018 às 16:22 comment-delete

Obrigado por compartilhar!

14 de fevereiro de 2018 às 20:59 comment-delete

Obrigado

4 de março de 2018 às 12:03 comment-delete

Muito bom, que belas dicas

15 de março de 2018 às 20:44 comment-delete

Isso sim é dica de qualidade

15 de março de 2018 às 21:09 comment-delete

Finalmente um post que me fez entender essa parte.

Valeu!!!

1 de abril de 2018 às 18:09 comment-delete

Muito boa dica. Excelente...
Dieta dos 21 dias funciona

6 de abril de 2018 às 19:03 comment-delete

Obrigado, era isso que eu estava procurando!

22 de abril de 2018 às 00:04 comment-delete

Eu não consigo lidar com o html, mas com dicas fica mais fácil obrigada

1 de maio de 2018 às 18:52 comment-delete

Obrigado por compartilhar, estava procurando exatamente isso!

27 de maio de 2018 às 00:51 comment-delete

Muito obrigada pelas dicas, era o q eu precisava, me ajudou muito !!! Curso de Reiki

12 de agosto de 2018 às 03:02 comment-delete

Muito bom, mesmo com todos estes anos de convivio, o HTML ainda é muito obscuro para muitas pessoas.

19 de fevereiro de 2019 às 12:01 comment-delete

Pesquisei muito sobre isso e finalmente achei uma boa explicação, obrigada!

26 de maio de 2019 às 15:27 comment-delete

Amo de paixão código HTML, sempre estudei desde meus 16 anos. Obrigada pelo post me ajudou muito a tirar uma dúvida rs... sempre aprendendo é o que sempre digo.

12 de outubro de 2019 às 07:43 comment-delete

Postar um comentário