Bildbredd i HTML

Som standard visas bilder i sin verkliga storlek. Till exempel, den bild med en smiley som vi visade ovan har en verklig storlek på 130 gånger 130 pixlar, och det är den storleken på bilden vi ser i webbläsaren.

Om man vill kan man ändra bildens storlek genom att ange dess bredd. Detta görs med attributet width.

Låt oss som exempel ge vår bild en bredd på 100 pixlar. För att göra detta, ange siffran 100 som värde för attributet width, så här:

Vilken storlek kommer bilden att ha på skärmen? Man kan tro följande: bredd 100 pixlar, som vi angav, och den verkliga höjden 130, eftersom vi inte angav den. Men i verkligheten blir det inte så.

Bredden kommer verkligen att vara 100 pixlar, men höjden kommer att anpassas så att bildens proportioner inte förvrängs, det vill säga den kommer också att bli 100 pixlar.

Låt oss köra och se efter:

: