how to change the size of an image in html

  
    <img src="smiley.gif" alt="Smiley face" height="42" width="42">
  
 

<p><img src="image/example.jpg" alt="Example1" width="193" height="130"> (width:193px, height:130px)</p>

<p><img src="image/example.jpg" alt="Example2" width="96" height="65"> (width:96px, height:65px)</p>

<p><img src="image/example.jpg" alt="Example3" width="100%" height="130"> (width:100%, height:130px)</p>

<img src="smiley.gif" alt="Smiley face" height="42" width="42">

<img src='image.jpg' alt="Image" height="42" width="42">.

<img src="img_girl.jpg" alt="Girl in a jacket" style="width:500px;height:600px;">