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>
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.
Meus parabéns, um excelente artigo. Obrigado por compartilhar conosco!
Legal, Mais uma dica interessante !!
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.
Nossa, muito simples. Eu estava aqui quebrando a cabeça. Excelente tutorial. Obrigada.
Eu estava procurando esse código HTML, obrigada por compartilhar.
obrigado pela informação
Obrigada por compartilhar essa excelente explicação.
Obrigado pelas dicas e por compartilhar esse post.
Era isso q eu estava procurando, obrigada
Obrigado por compartilhar!
Obrigado
Muito bom, que belas dicas
Isso sim é dica de qualidade
Finalmente um post que me fez entender essa parte.
Valeu!!!
Muito boa dica. Excelente...
Dieta dos 21 dias funciona
Obrigado, era isso que eu estava procurando!
Eu não consigo lidar com o html, mas com dicas fica mais fácil obrigada
Obrigado por compartilhar, estava procurando exatamente isso!
Muito obrigada pelas dicas, era o q eu precisava, me ajudou muito !!! Curso de Reiki
Muito bom, mesmo com todos estes anos de convivio, o HTML ainda é muito obscuro para muitas pessoas.
Pesquisei muito sobre isso e finalmente achei uma boa explicação, obrigada!
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.
Postar um comentário