Referens
HTML img

HTML img

HTML img taggen anger en bild.

Exempel:

En sol

HTML:

<img src="images/sol.jpg" alt="En sol">

Elementet img har två nödvändiga attribut.

  1. Attributet "src" som anger en URL till bildfilen
  2. Attributet "alt" som anger en alternativ text för webbläsare som inte kan visa bilder

Läs mer om HTML img i HTML bilder

HTML img
Elementtyp Sluttagg Utfasat Doctype
Inlineelement Nej Nej Strict, Transitional, Frameset
Elementet får innehålla
Inget
Elementet får finnas i
Blockelement, inlineelement utom a och pre
Skillnad mellan HTML och XHTML
I HTML saknar tomma element slut-tagg: Ex: <img>
I XHTML måste tomma element stängas. Ex: <img />
Attributet "align", "border", "hspace" och "vspace" är utfasade i HTML 4.01 och stödjs inte i XHTML 1.0 Strict DTD

Tips för HTML img

En bild kan fungera som en länk till en annan sida. Detta görs genom att placera img elementet inuti länkelementet a.

Exempel:

En sol

HTML:

<a href="url"><img src="sol.jpg alt="En soluppgång"></a>

Attributet "title" visas i de flesta webbläsare som en bildtext när användaren för muspekaren över bilden.

Exempel:

En sol

HTML:

<img src="images/sol.jpg" alt="En sol" title="En vacker sol">

HTML img attribut

Nödvändiga attribut
Attribut Beskrivning Värde
alt Anger alternativ text för webbläsare som ej kan visa bilder text
src Anger URL till bildfilen URL

Valbara attribut
Attribut Beskrivning Värde
align Anger justering av bilden i förhållande till omgivande element. Utfasat attribut top, bottom, middle, left, right
border Anger bildramens bredd. Utfasat attribut px
height Anger bildens höjd px, %
hspace Anger tomrum bredvid bilden. Utfasat attribut px
ismap Anger att bilden har aktiva områden. Använd usemap istället ismap
longdesc Anger URL till fil som beskriver bilden URL
usemap Anger en URL till en bildkarta med aktiva områden URL#name
vspace Anger tomrum över och under bilden. Utfasat attribut px
width Anger bildens bredd px, %

Universella attribut
Attribut Beskrivning Värde
id Anger att elements unika identitet text
class Anger vilken klass eller vilka klasser ett element tillhör text
style Tilldelar elementet en egen visuell stil CSS attribut och värden
title Anger en titel för eller kort beskrivning av elementet text
lang Anger språk på elementets innehåll språkkod
xml:lang Används istället för "lang" när koden skrivs i XHTML 1.0 språkkod

Händelse attribut
Attribut Utlösande händelse Värde
onclick Enkelklick med musen på elementet javascript
ondblclick Dubbelklick med musen på elementet javascript
onkeydown En tangent trycks ned javascript
onkeyup En tangent släpps upp javascript
onkeypress En tangent trycks ned eller hålls nedtryckt javascript
onmousedown En musknapp trycks ned över elementet javascript
onmouseup En musknapp släpps upp över elementet javascript
onmouseover Muspekaren flyttas in över elementet javascript
onmousemove Muspekaren flyttas inom elementet javascript
onmouseout Muspekaren flyttas ut från elementet javascript
| Mer