Quick image resizing lesson.
You can use the modifier width="xxx" to make an image xxx pixels wide. Aspect ratio of the image will remain the same.
Or you can use the modifier height="xxx" to make the image xxx pixels high. Aspect ratio of the image will remain the same.
Or you can use the modifier width="xx%" to make the image xx% of the width of the browser window. This is handy as it will automatically resize the image to whatever size the browser window happens to be.
So, typing <img src="https://nypost.com/wp-content/uploads/sites/2/2023/03/NYPICHPDPICT000007831829-1-edited.jpg" width="200"> gives us:
And typing <img src="https://nypost.com/wp-content/uploads/sites/2/2023/03/NYPICHPDPICT000007831829-1-edited.jpg" width="75%"> gives us:
The first image will remain 200 pixels wide no matter the size of the browser window. The second image will automatically resize to 75% of the width of the browser window as you resize the browser.
There ends today's HTML lesson. (Mostly because I've now exhausted my HTML knowledge...)