Chapter 3: inserting
images
Now it's time to add an image. While text-only websites download fast, they aren't a whole lot of fun to look at.
Clicking this button on the toolbar will open up a dialogue box prompting you to select the image you want to insert. First, download an image to the directory your index.html file is in, then select that file in the Select Image Source dialog. The image will appear wherever your cursor was when you clicked the image button, and will have draggable handles on the edges so you can resize the image, if desired.
You'll notice that the properties window has changed signifigantly from when text is selected. It now displays the image filename, its dimensions, and myriad other things. The left/right/center alignment buttons are still there, though, and behave precisely the same way. The border field should always remain empty. Also, the link field has moved but the same rules apply to it under image properties as under text properties.
The image above has been linked to the actual image file so you can see how image links behave in the browser.