The Monk Diamond Discovery

Professor Bairstone and Dr Day have discovered the Monk Diamond

And I am replying.... Hello Grandad :) I am testing the span classes to see if i got them right and here is more.
I have made a new span class for Ambrose as well. It is large and yellow like him :)

Hmmm - I think he prefers to be described as golden.

OK Jamie you have nailed the use of spans. Well done! The book next goes on to images. Here are some additional tips.

I assume you are using FileZilla as your FTP client to upload files to the server. You should be using the Bookmarks feature to make it quick and easy to open both the local and remote site windows.
If you do not understand about paths and directory trees please get your dad to take a couple of minutes to show you.
The editor we use makes it very simple to insert a picture provided it is a file on your computer. However unless you have the same directory structure on the web server the browser will not be able to find the picture.
You do not need to use the alt attribute in the img tag if you don't want to. It is there to help blind people (in which case it should give a brief description of what the picture shows) and to display text if the browser cannot find the picture file.
Have a look at the jamieevans directory in FileZilla. You will see I have added an images directory. Note how the two pictures of Ambrose are in different directories.
One is in jamieevans ( < img alt="Ambrose on rug" src="Photo0011.jpg">)
and the other is in jamieevans/images ( <img alt="Ambrose in frost" src="images/AmbroseInFrost.jpg">).
It is better practice to keep your images in a separate directory like this.
To use a picture from somewhere else on the internet you need to put in its full url, like this:

< img alt="maze chase" src="http://www.bronwynevans.com/JamieEvans/maze-s.jpg">
Click this link to see the size of the Ambrose images before I subjected them to resizing using css.
Unstyled Images
Before we had CSS you could resize images using width and height properties within the img tag but it was a real pain to get them right.
Large images slow down the the rate a page loads into your browser so it is best to get your images reduced in size using a photo editor on your own computer before uploading them on to the web server. (I use IrfanView).
However once they are there you can manipulate the size at which they display. Check out the css for this page. The images of Ambrose above have been resized to fill 100% of the divs they are in but the divs have not been resized. One pic has been sized down and the other has been sized up.
The images below are in divs that have been given the class of imageBox. You could try altering their size by changing the width value in the imagebox class.
You could also alter the width value in img to see what happens.