Lägga till bilder på sidorna på din webbplats kan ofta göra dem mer glädjande för ögat och förmedla information bättre än att använda text ensam. Denna process uppnås genom att använda HTML-kod och en bildfil. Filen kan vara från en annan webbsida eller lagras på en webbserver.

Använda märka

I HTML-koden för en webbsida kan du lägga till en bild med hjälp av märka. I tagg måste du ange fyra attribut:

• Src - Källans attribut anger platsen för bilden. Du kan använda en relativ sökväg om bilden är på samma server som din webbplats, men bilder från en annan webbplats kräver absoluta vägar.
• Alt - Alternativtextattributet är en skriftlig beskrivning av bilden.
• Bredd - Bredden på bilden.
• Höjd - Bildens höjd.

Ett valfritt attribut är Border, som låter dig ange en kant runt bilden. Gränsattributet definieras i pixelstorlek. Till exempel använder du gränsen = 1 i tag betyder att gränsen runt bilden skulle vara 1 pixel bred.

Obs! Gränsvärdet har avlägsnats i HTML5 och stöds inte.

exempel

Följande exempel visar den faktiska HTML som används för att lägga till bilden längst upp på den här sidan. De kan införas var som helst i din sida på din sida. Den första har en kortare URL eftersom bilden är lagrad på vår server; Det andra är hur du länkar till vår bild.

Exempel ett

Exempel två

Vilka bildformat kan jag använda på en webbsida?

De vanligaste bildformat som ska användas för bilder, foton, logotyper och andra bilder är JPEG, GIF och PNG. Andra bildformat som inte stöds allmänt, t.ex. BMP, kanske inte fungerar i alla webbläsare.

Behöver jag citat om attribut i img-taggen?

Ja. Även om dagens webbläsare normalt kan fixa eventuella fel med saknade citat runt ett attributvärde borde du alltid ha citat runt ett attributvärde för att förhindra fel.