No HTML, as imagens desempenham um papel vital, pois torna uma página da web mais expressiva e compreensível. As imagens são um tratamento visual aos olhos do usuário, pois atrai o usuário e o mantém envolvido em navegar mais na página da web. Você pode adicionar a imagem da sua máquina a um documento HTML. Neste post, vamos guiá -lo, como você pode adicionar uma imagem de uma pasta a um documento HTML.

Como adicionamos uma imagem de uma pasta em html?

No HTML, o objetivo da tag é adicionar uma imagem em uma página da web. O src atributo desta tag especifica o caminho da imagem. O caminho da imagem tem dois casos. No caso de absoluto caminho, você precisa dar o caminho completo onde o relativo O caminho representa a localização da imagem em relação ao arquivo html onde está sendo incorporado.

A sintaxe da tag é descrita abaixo:

Sintaxe

O componente principal é o src atribuir onde o caminho do arquivo será fornecido. Como discutido anteriormente, o caminho pode ser relativo ou absoluto.

Vamos adicionar uma imagem ao documento HTML da pasta:

Código

Tag html img

Esta imagem é inserida de uma pasta na página HTML.

Neste código, usamos tag para inserir uma imagem na página HTML e usar src atribuir para especificar o caminho da imagem.

Saída

A saída mostra que a imagem é inserida com sucesso na página HTML de uma pasta.

É isso! Você aprendeu a adicionar uma imagem de uma pasta ao documento HTML.

Conclusão

Em html, o A tag é usada para adicionar uma imagem da pasta ao documento HTML. O caminho da imagem é especificado pelo atributo src da tag. Para especificar o caminho, escreva primeiro o nome da pasta, depois uma barra de barra "/" e, por fim, escreva o nome da imagem com sua extensão. Neste artigo, fornecemos as informações sobre o processo de adição de uma imagem em HTML de uma pasta.