Billedets bredde i HTML

Som standard vises billeder i deres faktiske størrelse. For eksempel har det billede med et smil, som vi viste ovenfor, en faktisk størrelse på 130 gange 130 pixels, og det er den størrelse vi ser i browseren.

Ønsker man det, kan man ændre billedets størrelse ved at angive en bredde. Dette gøres med attributten width.

Lad os som eksempel give vores billede en bredde på 100 pixels. For at gøre dette angiver vi attributten width med værdien 100, sådan her:

Hvilken størrelse vil billedet så have på skærmen? Man kunne tro følgende: en bredde på 100 pixels, som vi har angivet, og den faktiske højde på 130, da vi ikke har angivet den. Men det er faktisk ikke sådan, det fungerer.

Bredden vil vel være 100 pixels, men højden vil tilpasse sig, så billedets proportioner ikke forvrænges, det vil sige, den vil også blive 100 pixels.

Lad os køre koden og overbevise os om det:

: