Hi, I'm really new to HTML coding and trying to teach myself using online resources. So far so good, but I've images on the webpages I've created so far and while they display just fine on a PC monitor as either a .jpg or a .png, they won't display at all on a tablet or a phone. I had tried to use a responsive layout but didn't have any luck. So, I converted all of the images so .webp. They do the exact same thing. My question is, when using .webp, do I need to take out parameters of the image? for instance"....style=height:300px;width:900px; hspace="9" vspace="7">" Or does that stay? Are there any other settings to use with .webp that I just haven't found yet?
Is there a simpler, and more sure fire way to do this?
<img src="images/shooting_dummy.webp" alt="Shooting Dummy" style=height:300px;width:900px; hspace="9" vspace="7">
The line above is my code, and as I said, it displays fine on a PC monitor but not a smaller tablet or phone.
Thanks for taking a look at this.