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:
