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 :
RIDIMENSIONAMENTO

Puoi cambiare le dimensioni di un'immagine usando gli attributi width e height (larghezza e altezza).

In generale, non è consigliabile ridurre le dimensioni delle immagini usando questi comandi, in quanto l'immagine viene trasferita in internet nella sua misura originale, indipendentemente dalla riduzione che si è operata su di essa. Questo rallenterebbe lo scaricamento della tua pagina web.

Questo significa che se hai un'immagine più grande di quanto la vorresti, per inserirla in dimensioni ridotte sulla tua pagina, dovrai ridurla in un programma di grafica, invece di ridurne semplicemente le dimensioni sulla pagina usando gli attributi width e height.

Al contrario, a volte, può essere vantaggioso ingrandire le immagini usando questa tecnica.

Ecco due presentazioni della stessa identica immagine - con differenti opzioni per larghezza (width) e altezza (height).

rainbow.gif (2273 bytes)


<img src="http://www.echoecho.com/rainbow.gif" width="60" height="60">





rainbow.gif (2273 bytes)


<img src="http://www.echoecho.com/rainbow.gif" width="120" height="120">


Se non vengono specificate le opzioni di larghezza e altezza, il browser automaticamente userà le dimensioni reali dell'immagine.

Comunque, dovresti sempre specificare le opzioni di larghezza e altezza, anche quando usi un'immagine nelle sue dimensioni reali!

Il motivo è che se queste opzioni vengono tralasciate, il browser non può costruire la pagina finché l'immagine non è completamente scaricata.

Questo vuol dire che il visitatore non può leggere il testo intorno all'immagine mentre l'immagine stessa viene scaricata - e questo dà come risultato l'impressione di una pagina "lenta".

Questo è ancora più evidente se l'immagine è all'interno di una tavola.
In tal caso, l'intera tavola appare solo quando l'immagine è completamente scaricata.



<< 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