Att lägga in bilder på en webbsida

XHTML-guide

Artiklar

Taggen <img> står för image, och används för att lägga till bilder på din webbsida.

Img-taggen börjar med <img och avslutas med />. Se den som en typ av kombinerad öppnings- och avslutningstagg.

Exempel, bild

Så här skulle XHTML-koden för en bild kunna se ut:

<img src="images/testbild.jpg" width="143" height="107" alt="Text visas om bilden är trasig" title="Text visas när du för muspekaren över bilden" />

Bild-taggen img avslutas alltså med /> och inte med </img>.

Förklaringar

src="SökvägTillBilden.gif"
Talar om var bilden ligger på din server eller hos ditt webbhotell.

width="bredd" | Bredden i pixlar. Ange bara ett värde (utan "px"), ingenting annat.

height="höjd"
Höjden i pixlar. Ange bara ett värde (utan px), ingenting annat.

alt="text"
Här skriver du in den text som ska ersätta bilden om bilden av någon anledning inte skulle laddas korrekt.

Kommentar: Width och height kan även ersättas med CSS.
Isåfall skulle det se ut så här:<img src="images/testbild.jpg" style="width:143px; height:107px;" alt="Text visas om bilden är trasig" title="Text visas när du för muspekaren över bilden" />

title ="text"
När du för muspekaren över bilden så visas titeln som text. Detta fungerar inte i alla webbläsare.

Så här ser resultatet ut: