Billeder i HTML
Et billede kan indsættes på hjemmesiden ved at benytte <img>-tagget. Bemærk at dette tag kun består af et åbningstag. Tagget kræver at man benytter attributten src til at specificere billedets kilde som enten kan være et filnavn eller en webplacering.
Hvis billedets kilde er et filnavn, så vil kodestykket se sådan her ud:
<img src = "filnavn.jpg">
Hvis billedets kilde er en webplacering, så vil kodestykket se sådan her ud (webplaceringen kan findes ved at åbne billedet og kopiere sidens URL):
<img src = "URL">
Attributten alt kan tilføjes til tagget, som specificerer en alternativ tekst til billedet. Denne tekst benyttes til tre ting:
- I tilfælde af at browseren ikke kan finde billedet vil teksten bliver vist
- Blinde som ikke kan se billedet kan få oplæst alt-teksten som ofte beskriver billedet
- alt-teksten vil forbedre hjemmesidens placering i søgeresultater for Google og andre søgemaskiner.
Attributterne width og height kan også tilføjes til tagget, som specificerer længden og højden på billedet.
I nedenstående eksempel er webplaceringen for denne hjemmesides logo blevet indsat som kilde. Billedet har fået alt-teksten “SimpleCode logo” og højden og bredden er sat til hhv. 100 og 300 pixels:
<img src = "https://simplecode.dk/wp-content/uploads/2020/03/SimpleCodeLogo-1.png" alt = "SimpleCode logo" height = "100" width = "300">