Beeldbreedte in HTML
Standaard word beelde in hul werklike grootte vertoon. Byvoorbeeld, daardie glimlagbeeld wat ons hierbo getoon het, het 'n werklike grootte van 130 by 130 pixels en ons sien die beeld in die blaaier in dieselfde grootte.
Indien verlang, kan jy die beeldgrootte verander deur die breedte daarvan te spesifiseer. Dit word gedoen met die attribuut width.
Laat ons as voorbeeld vir ons beeld 'n breedte van 100 pixels gee. Om dit te doen, spesifiseer ons die getal 100 as die waarde van die width attribuut, soos volg:
width="100"
Watter grootte sal die beeld op die skerm hê? 'n Mens mag dink die volgende: breedte 100 pixels, soos ons gespesifiseer het, en die werklike hoogte van 130, aangesien ons dit nie gespesifiseer het nie. In werklikheid is dit nie die geval nie.
Die breedte sal inderdaad 100 pixels wees, maar die hoogte sal aanpas sodat die beeldverhoudings nie vervorm word nie, met ander woorde, dit sal ook 100 pixels word.
Laat ons dit uitvoer en daarvan oortuig:
<img src="smile.png" width="100">
:
Stel die breedte van jou beeld in op 300 pixels.
