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'

5 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 15:38 comment-delete

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

1 de fevereiro de 2017 00:25 comment-delete

Legal, Mais uma dica interessante !!

27 de fevereiro de 2017 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 16:38 comment-delete

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

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

Postar um comentário