In HTML, le immagini svolgono un ruolo vitale in quanto rende una pagina web più espressiva e comprensibile. Le immagini sono un piacere visivo per gli occhi dell'utente in quanto attira l'utente e lo mantiene coinvolto nel navigare di più la pagina web. Puoi aggiungere l'immagine dalla macchina a un documento HTML. In questo post, ti guideremo, come puoi aggiungere un'immagine da una cartella a un documento HTML.

Come aggiungiamo un'immagine da una cartella in HTML?

In HTML, lo scopo del tag è di aggiungere un'immagine in una pagina web. IL src attributo di questo tag specifica il percorso dell'immagine. Il percorso dell'immagine ha due casi. In caso di assoluto percorso, devi dare il percorso completo in cui il parente Il percorso rappresenta la posizione dell'immagine rispetto al file html in cui è incorporato.

La sintassi del tag è descritta di seguito:

Sintassi

Il componente principale è il src attributo in cui verrà fornito il percorso del file. Come discusso in precedenza, il percorso potrebbe essere relativo o assoluto.

Aggiungiamo un'immagine al documento HTML dalla cartella:

Codice

Tag HTML IMG

Questa immagine è inserita da una cartella nella pagina HTML.

In questo codice, usiamo Tag per inserire un'immagine nella pagina HTML e utilizzare src attributo per specificare il percorso dell'immagine.

Produzione

L'output mostra che l'immagine viene inserita correttamente nella pagina HTML da una cartella.

Questo è tutto! Hai imparato ad aggiungere un'immagine da una cartella al documento HTML.

Conclusione

In html, il Il tag viene utilizzato per aggiungere un'immagine dalla cartella al documento HTML. Il percorso dell'immagine è specificato dall'attributo SRC del tag. Per specificare il percorso, prima scrivi il nome della cartella, quindi una retroscena "/" e infine, scrivi il nome dell'immagine con la sua estensione. In questo articolo, abbiamo fornito le informazioni relative al processo di aggiunta di un'immagine in HTML da una cartella.