Como vincular uma imagem em html
Este artigo tem como objetivo fornecer um guia sobre como vincular uma imagem em html.
- Como vincular e imagem em html usando tag
- Como vincular uma imagem em html usando a tag
Como vincular uma imagem em html usando tag
A imagem é um arquivo separado que não é usado diretamente em html. Então, para usar uma imagem no HTML, precisamos vincular o arquivo de imagem ao nosso código HTML. Para fazer isso, usamos tag que usa src atribuir para especificar o caminho da imagem.
Exemplo
Linking Image com HTML
Esta imagem agora está ligada ao código -fonte HTML.
Neste exemplo, vinculamos imagens a HTML com a ajuda de tag enquanto src = ”” atributo especifica o nome e o caminho do arquivo de imagem.
Saída
Esta saída mostra que Tag vinculou um arquivo de imagem com sucesso com código HTML.
Vincular uma imagem em html usando tag
Também podemos vincular imagens ao HTML usando marcação. Esta tag usa imagem ou texto para vincular a imagem ao HTML. O exemplo a seguir demonstra o conceito melhor.
Exemplo
Linking Image com HTML usando a tag de âncora
A tag de âncora é usada para vincular esta imagem ao HTML.
Neste exemplo A tag é usada para vincular uma imagem com html. Enquanto A tag cria um link de imagem pequena para a imagem principal.
Saída
A saída acima mostra que tag vincula a imagem principal com o html enquanto Fornece um link de imagem para a imagem principal. Em outras palavras, tag atua como uma miniatura para a imagem principal.
Conclusão
Em html, as e tags podem ser usadas para vincular uma imagem. Para fazer isso, o 'src'Atributo da tag e o'Href'O atributo da tag vincula uma imagem em html. Este artigo fornece uma visão para vincular uma imagem em html, a aplicação e a tag é descrita com a ajuda de exemplos.