EchoEcho.Com
CORSI COMPLETI

HOME CORSI HTML IMMAGINI     
EchoEcho.Com
STRUMENTI & RISORSE
 HOME 
 
 CORSI 
 
 RISORSE 
 
 STRUMENTI 
 
 DOCUMENTAZIONE 
 
 MAPPA 
  
  CERCA QUESTO SITO

Suggerisci questo Sito a un Amico
SUGGERISCI QUESTO SITO

HTML IMMAGINI

INTRODUZIONE


GIF E JPG


INSERIMENTO IN HTML


RIDIMENSIONAMENTO


BORDO INTORNO


TESTO ALTERNATIVO


SPAZIO INTORNO


ALLINAEAMENTO



RACCHIUDERE IL TESTO

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 node.gif negli esempi serve soltanto a mostrare come il segno circolare rainbow.gif viene toccato da altre immagini sulla stessa linea.

Ciò significa, che gli allineamenti mostrati nell'esempio riguardano il segno circolare e non la nota.


HTMLESEMPIO
<img src="rainbow.gif" align="texttop">
bla node.gifbla texttop aligned imagebla bla
<img src="rainbow.gif" align="top">
bla node.gifbla top aligned imagebla bla

<img src="rainbow.gif" align="middle">
bla node.gifbla middle aligned imagebla bla
<img src="rainbow.gif" align="absmiddle">
bla node.gifbla middle aligned imagebla bla

<img src="rainbow.gif" align="bottom">
bla node.gifbla bottom aligned imagebla bla
<img src="rainbow.gif" align="absbottom">
bla node.gifbla absbottom aligned imagebla bla

<img src="rainbow.gif" align="baseline">

bla node.gifbla baseline aligned imagebla bla



<< PRECEDENTE
CONTINUA >>

CORSO HTML

HTML FONDAMENTALI


HTML TESTO


HTML LISTE


HTML IMMAGINI


HTML LINKS


HTML SFONDI


HTML TAVOLE


HTML FRAMES


HTML FORMS


HTML METATAGS


HTML COLORI HEX




EchoEcho.Com
CORSI COMPLETI
 HOME 
 
 CORSI 
 
 RISORSE 
 
 STRUMENTI 
 
 DOCUMENTAZIONE 
 
 MAPPA 
EchoEcho.Com
STRUMENTI & RISORSE

(c) Copyright 1998-1999 NetKontoret - All Rights Reserved