Personligt Sjov Nyttigt Hjemmesider Grafik Dyr og natur Diverse småting

Grafik

Standard · Placering · Højde og bredde · Rammer · Billedetekst · Baggrundsbillede

Du kan indsætte billeder på alle din web-sider, hvis det er det du ønsker. Du skal dog være opmærksom på, at for mange billeder gør det langsommere at hente siden frem.

Brug kun billeder af GIF og JPEG (JPG) formaterne, da browserne kun understøtter disse 2 formater. GIF-filer har kun mulighed for 256 farver, men det er også rigeligt til animationer. JPG-filer har mere end 16,7 millioner farver og er perfekte til billeder og fotografier.

Koden for et billede behøver ikke en afsluttende kode.

Standard

<img src="grafik.gif">        eller         <img src="grafik.jpg">

 

Placering
Man kan også tilføje en kode for placeringen af billedet - Default er venstrestillet.

Højrestillet - tekst til venstre for billedet:
<img align=right src="grafik.gif">
Billedet er højrestillet - teksten er venstrestillet
Venstrestillet - tekst til højre for billedet:
<img align=left src="grafik.gif">
Billedet er venstrestillet - teksten er også venstrestillet

 

Centreret
<center><img src="grafik.gif">
</center>
Billedet er venstrestillet sammen med teksten
Billede med tekst på linien:
<img align=top src="grafik.gif">
  Billede og tekst på samme linie
Billede med tekst i toppen:
<img align=texttop src="grafik.gif">
  Tekst på linie med toppen af billedet
Placer tekstliniens bund midt for billedet:
<img align=middle src="grafik.gif">
  Bunden af tekstlinien placeret midt for billedet
Placer midten af tekstlinien midt for billedet:
<img align=absmiddle src="grafik.gif">
  Midten af tekstlinien placeret midt for billedet
Placer tekstliniens bund ved billedets bund:
<img align=bottom src="grafik.gif">
  Bunden af tekstlinien ved bunden af billedet
Placer midten af tekstliniens ved billedets bund:
<img align=absbottom src="grafik.gif">
  Midten af tekstlinien ved bunden af billedet
 

Højde og bredde
Det er muligt at ændre et billedes højde og bredde ved at indsætte nye værdier i pixels for hver af disse - f.eks. højde = 40 pixels og bredde = 45 pixels.

<img width=40 height=45 src="grafik.gif">   Ændret højde og bredde - f.eks. højde = 40 pixels og bredde = 45 pixels
 

Rammer
Man kan vælge om der skal være rammer omkring et billede eller ej - 0 (nul) betyder ingen rammer.

<img border=0 src="grafik.gif">   Ingen ramme om billedet
<img border=4 src="grafik.gif">   Ramme om billedet - tykkelse = 4

Rammen kan også have en anden farve (understøttes dog ikke af alle browsere).
<img bordercolor="#FF0000" border=2   src="grafik.gif">   Ramme om billedet - tykkelse = 2 - farve = rød
 

Billedetekst
Du kan også give billederne en tekst, som kommer frem, når nogen peger på billedet med musen.


<img border=0 src="grafik.gif"
alt="Skriv billedets tekst her!">
Dette er et billede af en postkasse!  Læg musen over billedet og se billedets tekst
 

Baggrundsbillede
I stedet for at indsætte en farve som baggrund, kan man også indsætte et billede. Det er dog ikke muligt at have begge dele på samme tid. Koden for billedet skal sættes ind i den startende BODY-kode.


<body background="grafik.gif">
 

Gå til toppen af siden!