<img height="100" />
widthproperty in CSS styles:
<img style="height: 100px" />
heightproperties are available for all HTML elements. But the
heightattributes are only available for some elements such as
<!-- Work --> <img width="200px" /> <!-- Does NOT work --> <div width="200px">
canvaselements, they don't produce the same result.
heightattributes are missing then the default value will be used.
widthattribute defaults to 300, and the
heightattribute defaults to 150.
<!-- Work --> <canvas height="100" width="100"> <!-- Does NOT work --> <canvas style="height: 100px; width: 100px;">
heightattributes of canvas must be positive numbers without the units.
width="100px"will have no affect despite the fact that it seems to be a valid attribute declaration for other elements.
height: 200pxproperty will override the
<!-- The image will have the width of 200px --> <img height="100px" style="height: 200px" />
heightattributes are still used widely in emails where we have to support multiple screen sizes (mobile, desktop) and various email clients.