Visa bilder på din webbsida
För att visa en bild på en webbsida använder du taggen <img>.
- Taggen
<img>är en tom tagg; den har ingen avslutande tagg. - Attributet
srcanger webbadressen (webbadressen) till bilden. - Attributet
alttillhandahåller alternativ text om bilden inte kan visas. Detta är viktigt för tillgängligheten. - Du kan styra bildens storlek med attributen
widthochheight.
- Hitta bildens URL: Detta kan vara en webbadress eller en sökväg till en fil på din server.
- Skriv HTML: Använd taggen
<img>med attributensrcochalt. - Testa koden: Öppna HTML-filen i en webbläsare för att se bilden.
Exempel:
<img src="image.jpg" alt="En beskrivande bild" width="500" height="300">
Alternativ för bildattribut
| Attribut | Beskrivning | Krävs? |
|---|---|---|
src |
Anger bildkällans URL. | Ja |
alt |
Tillhandahåller alternativ text för tillgänglighet. | Ja |
bredd |
Ställer in bildens bredd i pixlar. | Nej |
höjd |
Ställer in bildhöjden i pixlar. | Nej |
titel |
Tillhandahåller ett verktygstips när du håller muspekaren. | Nej |
Bilder kan vara i olika format, inklusive JPEG, PNG, GIF och SVG.
Copyright ©dielode.pages.dev 2026