Hvad bruges img elementet til?

HTML-elementet img bruges til at integrere billeder i HTML-dokumenter. Det er et selvlukkende element, der kun har brug for start- og sluttag, idet der ikke er nogen tekst, der skal være mellem de to tags.

Elementet bruger atributten src til at angive billedets placering. Udover src-atributten kan man også bruge andre attributter, såsom alt og title, som begge er tilgængelige for at give brugeren mere information om billedet.

Billederne kan også have en link-lignende funktion ved at bruge atributten “link”, der kan bruges til at linke til en anden side eller et andet dokument.

Elementet img kan også bruges til at vise ikoner og animationer. Det gøres ved at bruge atributter som width, height og border til at bestemme størrelsen og rammen, der skal være omkring billedet.

Endelig kan man bruge HTML-elementet img til at vise andre medietyper, såsom lyd- eller videofiler. Det kræver dog, at browseren understøtter medietypen.

Eksempler på img

1. <img src=”dinosaur.jpg” alt=”En billed af en dinosaur” width=”300″ height=”200″>
Denne kode viser et billede af en dinosaur med en bredde på 300 pixel og en højde på 200 pixel. Alternativ tekst til billedet er “En billed af en dinosaur”.

2. <img src=”katt.gif” alt=”En sød kat” align=”left”>
Denne kode viser et billede af en kat og justerer det så det står til venstre på siden. Alternativ tekst til billedet er “En sød kat”.

3. <img src=”løve.png” alt=”En stolt løve” style=”float: right; margin-left: 10px;”>
Denne kode viser et billede af en løve og flytter det til højre side af siden med et margin-left på 10px. Alternativ tekst til billedet er “En stolt løve”.