I den här artikeln lär du dig hur du lägger in bilder på din webbsida.

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:

Text visas om bilden är trasig

<<< Span || Listor >>>

Hitta ett billigt webbhotell för din hemsida

12:-/mån
One Webbhotell Betyg
15:-/mån
Web10 Webbhotell Betyg
36:-/mån
Host Gator Webbhotell Betyg
36:-/mån
Surftown Webbhotell Betyg

Snabbguider

Nedanför finns information för dig som vill komma igång med en hemsida på snabbast möjliga sätt - utan fokus på webbspråk.

Ett litet "gilla" är också ett sätt att hjälpa sajten. =)