Images

HTML to display an image:

<img src="https://www.publicdomainpictures.net/pictures/80000/velka/japanese-waves-painting.jpg" />

As you can see the image is far too big for the page. We can change the image size with html.

<img src="https://www.publicdomainpictures.net/pictures/80000/velka/japanese-waves-painting.jpg" width="400" height="300" />

And put a border around it

<img src="https://www.publicdomainpictures.net/pictures/80000/velka/japanese-waves-painting.jpg" style=border:8px dotted darkblue; width="400" height="300" />

Border styles

solid

double

groove

dotted

dashed

inset

outset

ridge

hidden

A link can be inserted in an image

<body>

<p>

An image as a link: <a href="https://sites.google.com/view/how-to-with-new-sites/embed-with-htmljavascript/images">

<img border="0" src="https://cdn.pixabay.com/photo/2015/04/04/18/58/cool-706856_960_720.jpg" width="100" height="100">

</a>

</p>

</body>