Let's try another image and see what we can do about the text placement.
That big open space on the right is unpleasant.
There is an align attribute that can help with this.
This is a picture of Half Dome at sunset in Yosemite National Park.
It was taken in August 2002 on a digital camera.
The picture was taken near the
entrance to Curry Village.
This text should be at the right of the picture which should be
flush to the left side.
Now there isn't any of the empty space on the right.
To include a picture, you just put an image tag and tell it where to find the picture.
So, to include my picture of Jellyfish (more properly called jellies, they aren't fish) here, we would use,
<img src="../images/jelly3.jpg" alt="Jellies" width="200" height="150">
The source (src) attribute tells the browser where to find the picture.
This can be any URL.
The alt attribute will be displayed in browsers that
don't support graphics or have graphics turned off.
The height and width attributes tell the browser how much space to allocate
for the picture.
This can speed up the rendering and download process.
It is a good idea to always have these attributes on your image tags.