How can you control the size of an image in HTML?

The size of an image in HTML can be controlled effectively using the width and height attributes in the tag. When you specify these attributes, you directly set the dimensions of the rendered image in the browser. This can be useful for ensuring that images maintain a consistent appearance across different devices and screen sizes.

Using the width and height attributes allows for setting fixed dimensions, which helps to preserve the aspect ratio if only one of the attributes is defined. It's a straightforward way to manage image sizes without needing additional CSS.

While CSS media queries can also adjust the size of images responsively based on the screen size, they are not a direct method applied within the tag itself. Adjusting the z-index is related to stacking elements and does not affect size, and wrapping an image in a

helps with layout but does not directly control the image size either.