HTML ci permette di inserire in una pagina web delle immagini tramite il tag – img -.
Vediamo un esempio pratico nel seguente codice:
<!DOCTYPE html> <html> <head> <title>Titolo del documento</title> </head> <body> <img src="http://www.lucedigitale.com/blog/wp-content/uploads/2013/06/lulu.png" alt="Lulù" width="256" height="256"> </body> </html>
L’effetto finale qui sotto:
Analizzando la sintassi avremo:
img src= l’indirizzo dal quale recuperare l’immagine
alt= il testo collegato all’immagine, apparirà se il browser non riesce a caricare l’immagine
width height= le dimensioni dell’immagine solitamente espresse in pixel o in percentuale
