EchoEcho.Com
KOMPLETTE WEBKURSER

HJEM KURSER HTML BILLEDER     
EchoEcho.Com
TOOLS & RESSOURCER
 HJEM 
 
 KURSER 
 
 RESSOURCER 
 
 REDSKABER 
 
 DOKUMENTATION 
   
 OVERSIGT 
  
  SØG PÅ DETTE SITE

FORESLÅ DETTE SITE
FORESLÅ DETTE SITE      

HTML BILLEDER

INTRODUKTION


GIF&JPG-BILLEDER


INDSÆTTELSE I HTML


BILLED STØRRELSE


BILLED RAMMER


ALTERNATIV TEKST


LUFT OMKRING


JUSTERING AF


TEKST OMKRING

HTML billeder :
BILLED STØRRELSE

Du kan ændre størrelsen på et billede ved at bruge width- og height-attributter.

Det er generelt ikke anbefalingsværdigt at reducere billedstørrelsen ved at bruge disse opsætninger, da billedet vil blive flyttet hen over internettet i den originale størrelse, uanset hvilken reduktion det er sat til. Det vil sinke loadningen af din webside.

Det betyder, at har du et billede, der er større, end du ønsker på din webside, skal du reducere det i et grafikprogram fremfor at reducere størrelsen på websiden ved brug af width- og height-attributterne.

Modsat kan det af og til være klogt at forstørre et billede ved brug af denne teknik.

Nedenfor er 2 præsentationer af nøjagtig det samme billede - med forskellige width og 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">


Udelader du opsætningen for width og height, bruger browseren automatisk billedets oprindelige størrelse.

Du bør dog altid indsætte opsætningen for width og height, selvom du bruger den oprindelige størrelse!

Grunden er, at browseren ikke kan opbygge siden, før billedet er fuldt loadet, hvis opsætningen udelades.

Det betyder, at den besøgende ikke kan læse teksten rundt om billedet, mens billedet selv loader - hvilket vil give den besøgende indtrykket af en langsomt loadende side.

Dette er specielt tilfældet, hvis billedet er inde i en tabel. I dette tilfælde vil tabellen ikke blive vist, før billedet er fuldt loadet.




<< TILBAGE
LÆS MERE >>

HTML TUTORIAL

HTML INTRO


HTML TEKST


HTML LISTER


HTML BILLEDER


HTML LINKS


HTML BAGGRUNDE


HTML TABELLER


HTML FRAMES


HTML FORMS


HTML METATAGS


HTML HEXFARVER








EchoEcho.Com
KOMPLETTE WEBKURSER
 HJEM 
 
 KURSER 
 
 RESSOURCER 
 
 REDSKABER 
 
 DOKUMENTATION 
   
 OVERSIGT 
EchoEcho.Com
TOOLS & RESSOURCER

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