|
|
|
|
Immagini HTML : ALLINAEAMENTO
|
Si possono allineare le immagini in conformità con il testo che le circonda, usando i seguenti allineamenti:
- default allinea l'immagine usando gli attributi di default del Web browser. E' come baseline.
- left allinea l'immagine al margine sinistro e avvolge il testo che segue l'immagine.
- right allinea l'immagine al margine destro e avvolge il testo che precede l'immagine.
- top allinea la parte superiore dell'immagine con il testo intorno.
- texttop allinea la parte superiore dell'immagine con la parte superiore del testo situato più in alto sulla linea.
- middle allinea la parte mediana dell'immagine con il testo intorno.
- absmiddle alinea l'immagine con il centro della linea corrente.
- baseline allinea l'immagine con il baseline della linea corrente.
- bottom allinea la parte inferiore dell'immagine con il testo intorno.
- absbottom allinea l'immagine con la parte inferiore della linea corrente.
- center allinea il centro dell'immagine con il testo intorno.
Nella tavole qui sotto puoi vedere esempi dei diversi allineamenti che si possono ottenere per un'immagine.
La nota negli esempi serve soltanto a mostrare come il segno circolare viene toccato da altre immagini sulla stessa linea.
Ciò significa, che gli allineamenti mostrati nell'esempio riguardano il segno circolare e non la nota.
HTML | ESEMPIO
| <img src="rainbow.gif" align="texttop"> |
bla bla bla bla
| <img src="rainbow.gif" align="top"> |
bla bla bla bla
| |
| <img src="rainbow.gif" align="middle"> |
bla bla bla bla
| <img src="rainbow.gif" align="absmiddle"> |
bla bla bla bla
| |
| <img src="rainbow.gif" align="bottom"> |
bla bla bla bla
| <img src="rainbow.gif" align="absbottom"> |
bla bla bla bla |
<img src="rainbow.gif" align="baseline"> |
bla bla bla bla
|
|
|
| |
|