EchoEcho.Com
KOMPLETT KURS

HEM KURSER HTML BILDER/GRAFIK     
EchoEcho.Com
REDSKAP & RESURSER
 HEM 
 
 KURSER 
 
 RESURSER 
 
 REDSKAP 
 
 DOKUMENTATIONER 
 
 ÖVERSIKT 
  
SÖK PÅ SIDAN

Tala om för en vän
REKOMENDERA SIDAN    

HTML BILDER/GRAFIK

INTRODUKTION


GIF&JPG BILDER


LÄGG IN I HTML


ÄNDRA STORLEK


INRAMAD BILD


ALTERNATIV TEXT


LUFT RUNTOM


JUSTERINGAR


TEXT RUNTOM

HTML Bilder/Grafik :
ÄNDRA STORLEK

Du kan ändra storleken på en bild genom att använda width och height attributen.

Generellt, är det inte tillrådigt att reducera bilder med hjälp av denna metod, eftersom bilden skickas över Internet i sin ordinarie storlek även ifall du ändrat dessa attribut. Det slöar ner uppladdningen av din hemsida.

Detta betyder, att har du en bild som är större än den storlek du vill ha på din sida, bör du reducera storleken i ett grafikprogram istället för att ändra storleken på din hemsida med hjälp av width och height attributen.

Fast ibland, kan det vara klokt att ändra storleken på bilden med hjälp av denna teknik.

Nedanför ser du två olika presentationer av samma bild - med olika inställningar för width och 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">


Om du hoppar över inställningarna för width och height, kommer webläsaren automatiskt använda den riktiga storleken på bilden.

Hur som helst, du bör alltid skriva in inställningarna för width och height, även ifall du använder den riktiga storleken!

Aledningen till det, är att om man inte fyller i inställningarna, kommer webläsaren inte kunna skapa fram sidan förrän bilden är helt färdigladdad.

Det betyder, att besökare inte kan läsa texten runt bilden när bilden håller på att laddas - vilket i sin tur medför att besökaren får en känla av att hemsidan går sakta att ladda hem.

Det är särskilt sant, speciellt om bilden är inuti en table.
I det fallet, kommer inget i tablen att visas förrän bilden är helt färdig laddad.




<< FÖREGÅENDE
LÄS MER >>

HTML KURS

GRUNDKURS


TEXT


LISTOR


BILDER/GRAFIK


LÄNKAR


BAKGRUNDER


TABELLER


FRAMES


FORMULÄR


META-TAGGAR


HEX FÄRGER




Click Here!





EchoEcho.Com
KOMPLETT KURS
 HEM 
 
 KURSER 
 
 RESURSER 
 
 REDSKAP 
 
 DOKUMENTATIONER 
 
 ÖVERSIKT 
EchoEcho.Com
REDSKAP & RESURSER

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