Generalmente due tipi di immagini vengono usate nei documenti HTML: immagini inline e immagini esterne. In questo articolo prendiamo in considerazione le immagini inline, che sono quelle che compaiono direttamente nel documento quando esso viene visualizzato dall’utente. Come con gli altri HTML, è possibile inserire un’immagine inline mediante l’uso dei tag. Il codice di inclusione delle immagini nella sua forma semplice è:

<IMG SRC=”image.gif”>

Possiamo notare che il tag IMG è accompagnato dall’attributo SRC, che modifica in qualche modo il comportamento del tag cui fa parte. Nonostante gli attributi siano generalmente opzionali nei tag, l’attributo SRC è richiesto per il tag , dal momento che specifica l’immagine da importare.

Il codice <IMG> prevede altri tre attributi opzionali:

• ALT: Specifica del testo alternativo da visualizzare quando l’immagine non può essere visualizzata per qualsiasi motivo; Solitamente l’attributo ALT viene usato quasi sempre poichè consente di far visualizzare del testo al posto dell’immagine se non si riesce a visualizzare. Esempio: <IMG ALT=”|Omnia Blog| SRC=”omniablog.gif”> in questo caso se l’utente non riesce a visualizzare l’immagine visualizzerà la scritta |Omnia Blog|;
• ALIGN: Specifica l’allineamento dell’immagine sulla pagina. Senza l’attributo ALIGN le immagini inline vengono visualizzate con il margine inferiore allineato in basso con il testo in cui compare il codice <IMG>. Per questo si possono usare gli attributi ALIGN=”middle”, per far si che il centro dell’imagine si allinei con il centro della riga del testo, e ALIGN=”top” per far si che la parte superiore dell’immagine si allinei con la parte superiore della riga di testo. Esempio: <IMG ALT=”|Omnia Blog” ALIGN=”middle” SRC=”omniablog.gif”>
• ISMAP: Contrassegna l’immagine come mappa cliccabile e verrà descritto nel post successivo.