Come collegare un'immagine in HTML

Come collegare un'immagine in HTML
Ti sei mai chiesto come i siti Web moderni mantengano i loro utenti impegnati con il loro sito Web senza renderli annoiati o scomodi? Gli elementi visivi vengono aggiunti ai documenti HTML per mantenere il focus dell'utente. Gli elementi visivi possono comprendere immagini, video. L'immagine può essere collegata dal dispositivo di archiviazione o dalla fonte online.

Questo articolo mira a fornire una guida su come collegare un'immagine in HTML.

  • Come collegare e immaginare in HTML usando il tag
  • Come collegare un'immagine in HTML usando il tag

Come collegare un'immagine in HTML usando il tag

L'immagine è un file separato che non viene utilizzato direttamente in HTML. Quindi, per utilizzare un'immagine in HTML, è necessario collegare il file di immagine con il nostro codice HTML. Per farlo usiamo tag che usa src attributo per specificare il percorso dell'immagine.

Esempio




Immagine



Collegamento dell'immagine con HTML



Questa immagine è ora collegata al codice sorgente HTML.




In questo esempio colleghiamo le immagini con HTML con l'aiuto di tag mentre src = "" L'attributo specifica il nome e il percorso del file dell'immagine.

Produzione

Questo output lo mostra Tag collegato correttamente un file di immagine con il codice HTML.

Collegamento di un'immagine in HTML usando il tag

Possiamo anche collegare le immagini con HTML usando etichetta. Questo tag utilizza l'immagine o il testo per collegare l'immagine con HTML. L'esempio seguente dimostra meglio il concetto.

Esempio




Immagine



Collegamento dell'immagine con HTML usando il tag di ancoraggio





Il tag di ancoraggio viene utilizzato per collegare questa immagine con HTML.




In questo esempio Il tag viene utilizzato per collegare un'immagine con HTML. Mentre Tag crea un piccolo collegamento all'immagine all'immagine principale.

Produzione

L'output di cui sopra lo mostra Tag collega l'immagine principale con HTML mentre Fornisce un collegamento all'immagine all'immagine principale. In altre parole, Il tag funge da miniatura all'immagine principale.

Conclusione

In HTML, i tag e i tag possono essere utilizzati per collegare un'immagine. Per farlo, il 'src'attributo di tag e il'Href'Attributo del tag collega un'immagine in HTML. Questo articolo fornisce un'idea di collegare un'immagine in HTML L'applicazione e tag è descritta con l'aiuto di esempi.