Che cos'è il codice immagine HTML?
In un documento HyperText Markup Language (HTML), il codice immagine HTML viene programmato per inserire immagini grafiche in punti diversi del layout. Il codice è generalmente una serie di parole chiave leggibili dall'uomo a cui vengono assegnati valori associati, racchiusi tra segni maggiore di e minore di all'interno del documento HTML. Il codice immagine HTML risultante indica a un browser Web o un altro visualizzatore di documenti la posizione del file di immagine online o su un'unità disco, le dimensioni dell'immagine, qualsiasi formattazione speciale dell'immagine e diverse opzioni di allineamento per gli altri elementi nell'HTML documento che lo circonda. Le immagini possono essere nidificate all'interno di altri codici HTML, a volte noti come tag, consentendo di utilizzarli come collegamenti selezionabili, voci di elenco o immagini di sfondo. Tramite l'uso delle estensioni CSS (Cascading Style Sheet) in HTML, è anche possibile modificare molti altri valori e proprietà di un'immagine all'interno di un documento, mentre alcuni linguaggi di programmazione possono essere incorporati nel documento per consentire l'elaborazione di base delle immagini.
Il codice immagine HTML più comune è costituito dal tag immagine, che in HTML è rappresentato dalla parola chiave IMG. Ciò indica al browser Web che a questo punto verrà inserita un'immagine nel documento e che seguiranno le informazioni sull'immagine. Le uniche informazioni richieste che devono essere all'interno del tag IMG sono chiamate sorgente. Alla parola chiave SRC viene assegnato il nome o la posizione del file di immagine, consentendo al browser di caricare l'immagine. Il valore può essere un nome file o un indirizzo online che è anche noto come posizione di risorsa universale (URL), proprio come un indirizzo di sito Web.
Esistono altre proprietà che possono essere definite all'interno di un codice immagine HTML. L'altezza e la larghezza dell'immagine possono essere fornite in modo esplicito, consentendo di ridimensionare l'immagine per adattarla a un determinato layout. È possibile fornire un testo alternativo in modo che gli utenti che non possono vedere l'immagine possano invece ascoltarne o leggerne una versione testuale. È inoltre possibile impostare bordi e spaziatura attorno all'immagine, conferendo all'immagine un aspetto distinto e un posizionamento in una pagina Web.
È possibile utilizzare una discreta quantità di codice immagine HTML per definire come allineare l'immagine e come il resto della pagina Web reagisce alla sua presenza. Il testo può essere impostato per fluire attorno all'immagine sul lato destro o sinistro, oppure può saltare per saltare completamente l'immagine, lasciandola libera nel suo spazio. Alcune opzioni consentono all'immagine di essere disegnata con testo o altri elementi o addirittura di fluire come parte del layout in modo da essere inclusa in una linea, come qualsiasi altra lettera in una frase.