Tilføjelse af billeder i HTML
Stryg for at vise menuen
Billeder gør websider mere engagerende. Du kan indsætte et billede ved at bruge <img>-tagget.
index.html
Vigtige attributter:
src: påkrævet. Sti til billedfilen (absolut eller relativ);alt: påkrævet. Tekst vist, hvis billedet ikke kan indlæses, bruges også af skærmlæsere;width/height: størrelse i pixels. Uden disse vises billedet i sin oprindelige størrelse.
alt-attribut
alt-teksten bør beskrive billedet tydeligt og give nyttig kontekst.
Forestil dig følgende eksempel. Du har en kilde om hestevæddeløb. Du vil vise, hvordan deltagerne forbereder sig til løbet.
Dårlig alt-tekst:
index.html
Bedre alt-tekst:
index.html
Den forbedrede version giver reel kontekst og hjælper synshæmmede brugere med at forstå, hvad billedet viser.
src-attribut
src-attributten kan bruge både absolutte og relative stier til at angive placeringen af billedfilen.
Absolut sti
En fuld URL, der peger på et online billede.
index.html
Alle kan få adgang til billedet via dette fulde link.
Se venligst det følgende virkelige eksempel.
Relativ sti
Henviser til et billede inde i din projektmappe.
index.html
Dette betyder, at image.jpg er gemt i images-mappen tæt på din HTML-fil.
Undersøg venligst det rigtige eksempel nedenfor. Du finder mappen images, som indeholder filen sun.png.
Absolutte stier: fulde URL'er, der fungerer fra hvor som helst på internettet.
Relative stier: lokale projektstier, der bruges inden for din egen mappestruktur.
1. Hvilket tag kan bruges til at indsætte et billede på en hjemmeside?
2. Hvilken attribut er påkrævet at angive for et <img/>-tag?
Tak for dine kommentarer!
Spørg AI
Spørg AI
Spørg om hvad som helst eller prøv et af de foreslåede spørgsmål for at starte vores chat