L'immagine di sfondo di questa pagina è caricata tramite l'attributo background=.... del tag <body, ossia <body background="img/100.jpg">
Alcune immagini riguardanti l'informatica (e i relativi allineamenti):
Questa immagine non ha una indicazione esplicita di allineamento nel tag che definisce la sua inclusione nella pagina. Si può osservare che in modalità di allineamento predefinita il testo viene posizionato come nella modalità di allineamento align="bottom". (vd. sotto)
questo
è un monitor LCD da 19".
L'immagine è allineata a sinistra (<img src=... align="left"....) , ridimensionata tramite gli attributi width= e height= e possiede un testo alternativo che viene visualizzato come tip (scritta temporanea di suggerimento) o in modo visibile sulla pagina se l'immagine è assente o esiste un errore nel link.
In questo caso l'attributo align è middle; l'effetto è quello di produrre un testo che si allinea a mezza altezza rispetto alla figura. Se il testo risulta troppo lungo rispetto alla larghezza della pagina esso passa sotto la figura. Si ricordi che in questo caso l'attributo si riferisce alla posizione del testo (una sola linea) rispetto alla figura e non alla posizione della figura sulla pagina (la figura infatti non è centrata).
Questa è una immagine allineata a destra. Il testo se ha sufficiente lunghezza contornerà la figura passando opportunamente sul lato sinistro di essa. In questo caso l'attributo è (<img src=... align="right"....)
Qui di seguito è stato inserito un attributo in (align = "top") che non permette al testo di stare a lato dell'immagine (se non per una linea posizionata automaticamente in alto).
Questo testo viene spinto automaticamente verso il basso. Il testo quindi non può incorniciare l'immagine,ma viene spinto a stare sotto di essa (1 sola linea viene affiancata). L'attributo di allineamento del testo è bottom (<img src=... align="bottom"....) .
Questa immagine possiede invece un bordo:
(L'immagine rappresenta un dump (analisi) di memoria in un PC sotto Windows
sfruttando una finestra DOS )
Questa
immagine di scheda madre di un computer risulta linkata al sito del suo produttore (ASUS), ossia il suo tag <IMG... è affogato in un altro tag <A HREF=... che definisce un link ad una pagina o risorsa opportuna.
| Si può inserire e ridimensionare diversamente la stessa immagine, regolando gli attributi width=.... e height=... da HTML : | |
 |
|
Immagine ridimensionata a 2/3 delle dimensioni iniziali |
Immagine di dimensioni 1/2 delle dimensioni originarie |