Det är alltid trevligt att ha en och annan bild på hemsidan. För att länka till en bild på en URL, så används kommandot:

<IMG SRC= "URL">

Det finns många kommandon att välja emellan efter SRC. Man kan ha en vanlig URL som länkar till en sida med en bild (alltså en http-adress). Vanligen har man bilden på hårddisken, och om bilden ligger i samma mapp som html-dokumentet, och heter skier2d1.gif, så ser kommandot ut så här:

<IMG SRC="skier2d1.gif">

Ovanstående kommando ger den här bilden:



Om man tycker att den blev lite stor, kan man ändra storleken med hjälp av olika kommandon. I kommandot lägger man in HEIGHT=x eller x% och WIDTH=x eller x%. Om man provar det på ovanstående bild med kommandot:

<IMG SRC="SKIER2D1.GIF" HEIGHT=25% WIDTH=25%>

blir bilden såhär:



Om man använder kommandot:

<IMG SRC="SKIER2D1.GIF" HEIGHT=40 WIDTH=40>

så blir bilden såhär:



Den får då 40 pixlars storlek. Man kan även "dra ut" bilden så att den blir avlång.

<IMG SRC="SKIER2D1.GIF" HEIGHT=75 WIDTH=300>



Vill man sedan ha text bredvid bilden skriver man ett kommando som ser ut så här:

<IMG SRC="SKIER2D1.GIF" HEIGHT=100 WIDTH=100> Min lilla bild.

så kommer det att se ut såhär:

Min lilla bild.

Kommandona WIDTH och HEIGHT används dock i första hand för att hjälpa Explorer eller Netscape att ladda ner sidan fortare, genom att få hjälp med att räkna ut layouten på sidan på en gång. Man skriver alltså den verkliga vidden och höjden på den bild man har.

Textens baslinje hamnar i höjd med bildens baslinje. För att ändra på det kan man använda sig av kommandot:

ALIGN=MIDDLE	MIDDLE centrerar bilden i förhållande till textens baslinje.
ALIGN=ABSMIDDLE	Centrerar bilden till textens mittlinje.
ALIGN=LEFT	Får bilden att flyta till vänster om texten.
ALIGN=RIGHT	Får bilden att flyta till höger om texten.
ALIGN=BASELINE	Gör så att bildens nederkant kommer i höjd med textens baslinje.
ALIGN=BOTTOM	Ger samma resultat som ovanstående kommando.
ALIGN=ABSBOTTOM	Placerar bilden i nivå med den lägsta punkten på textraden, t.ex så hamnar ju j, g q under baslinjen.
ALIGN=TOP ALIGN=TEXTTOP	TOP lägger bilden i nivå med den övre gränsen på den högsta "saken" på raden, TEXTTOP placerar bildens överkant i höjd med överkanten på den högsta bokstaven på raden.

Vi provar:

<IMG SRC="SKIER2D1.GIF" HEIGHT=100 WIDTH=100 ALIGN=ABSMIDDLE>


Min lilla bild.

De bilder som används ska vara i formatet GIF eller JPEG. Bilder i GIF-format har högre bildkvalitet, men bilder i JPEG-format går fortare att ladda ned.

Det finns också ett tilläggskommando för bilder som heter:

ALT="text"

Detta kommando används för att ha en alternativ text bakom bilden, för dem som har en web-läsare utan bildhantering, eller om man har stängt av Auto Load Images i Web-läsaren.


Övriga tilläggskommandon:

ISMAP

Talar om att bilden är en imagemap, en bild som man kan klicka på och som har flera länkar till flera olika ställen. För att göra imagemaps så använder man speciella Imagemap-program. Mer om detta kan man hitta här: Global Research sida om Imagemaps.


LOWSRC="URL"

När man skriver det här tillägget i IMG-kommandot betyder det att man kan ha en alternativ bild, som är t.ex. en hårt komprimerad version av originalbilden, som laddas ned först, så att den som ska titta på sidan får en uppfattning om vad det är för bild. Först när sidan är färdig, så laddas originalbilden ned.


BORDER=x

Om man använder bilden som en länk, kan det hända att man vill ta bort kanten, eller ändra tjockleken på den. BORDER=0 tar bort kanten helt, och sen blir kanten bredare ju högre siffra man skriver.


VSPACE=x

Om man låter en bild flyta bredvid texten, så används det här tilläggskommandot, för att bestämma det vertikala avståndet till texten.


HSPACE=x

Samma som ovan, men det här kommandot bestämmer det horisontella avståndet.