Il tag <img> permette di inserire degli elementi essenziali negli ipertesti HTML: le immagini.
In questa lezione imparerai quali indicazioni dovrai scrivere nel tuo file HTML per "dire" ai browser di visualizzare correttamente le immagini da te predisposte.

Il <img>, diversamente dagli altri tag che abbiamo studiato, è un tag vuoto: ciò significa che ha soltanto il tag di apertura, e non quello di chiusura. In effetti, se ci pensi bene, non è necessario specificare dove finisce l'immagine, in quanto, dopo aver indicato il punto di inserimento, la chiusura viene determinata dalle sue dimensioni, diversamente da un testo, che può essere più o meno lungo.

Per inserire un'immagine nel nostro file html dobbiamo aprire il tag <img> e al suo interno specificare l'attributo <src="...">, abbreviazione dell'inglese "source", che in italiano significa "origine", "fonte".
Quale valore dovrai dare a questo attributo? Dovrai indicare con chiarezza al browser che legge questo attributo dove andare a prendere l'immagine che vuoi inserire.
A questo punto ci sono due possibilità:
1. Caricare nella pagina un'immagine presa da un qualunque sito internet; in questo caso sarà sufficiente copiare l'indirizzo dell'immagine e incollarlo come valore dell'attributo <src="...">;
2. Caricare un'immagine depositata in una cartalle del nostro computer oppure del server che ospita il nostro sito internet: in questo caso, se l'immagine si trova nella stessa cartella della pagina html a cui stiamo lavorando, è sufficiente scrivere il nome del file, seguito dall'estensione.