1. Once you have managed to produce a web page full of text, the next thing you usually want to do is add some graphics.
2. You add the graphics using the simple tag –
<IMG SRC=”filename.gif”>
This is inserted into the page at the place where you want the graphic to appear. And the graphic file would need to be saved into the same folder as your filename.htm page.
3. But the graphic will simply appear on the page with text before it and after it. You would probably prefer the text to wrap round the graphic, in the same way that the text is doing here – wouldn’t you? This makes for a neater and more interesting page. Incidentally, your graphic can also be a link. If you click the book cover here, you will be taken to Amazon, where you can order the book. Here’s how to wrap the text around the graphic.
4. Add the following INSIDE the tag
align=”left” [or right]
hspace=”x” [where x=number of pixels]
vspace=”x” [where x=number of pixels]
So the tag should look like this:
<IMG SRC=”filename.gif”align=”left” hspace=”10″ vspace=”5″>
5. This creates a 10 and 5 pixel gap around the side and the bottom of the graphic – to stop your text bumping into the picture.
6. Experiment with the x=number to see the effect.
7. If you want to add another refinement, you can add a border.
border=”x” [where x=number of pixels]
8. And you should set x=0 for no border.
9. You can also add a title:
alt=”Picture courtesy of Media-Pics plc”
10. This will show up on screen when you move your cursor over the graphic. It is NOT a caption to the picture.
11. And you might wish to add the size of your graphic file.
width=”x” [where x=number of pixels]
height=”x” [where x=number of pixels]
12. You find these dimensions by opening the graphic file in your graphics editor and looking at the size or dimensions.
13. Adding the dimensions will help your page download faster – because the browser knows how big a space to leave for the picture before it starts loading.
14. So – here’s an example of all these features in one tag. The items are on separate lines to make them easier to read.
<IMG SRC=”../graphics/hafner.gif”
align=”left” hspace=”7″ vspace=”5″ border=”0″
alt=”The Origins of the Internet”
width=”90″ height=”140″>
© Roy Johnson 2002

1. Writer’s block is much more common than most people imagine. But it can be overcome. Don’t imagine that you should be able to write impeccably at your first attempt. Most successful writers make several drafts of their work. They edit what they write, correct mistakes, make additions and deletions, and generally re-write extensively. Writing fluently and clearly is an advanced skill.
This is an optional section, depending on the subject of your dissertation. Subjects that involve any sort of scientific or quantitative investigation will require an account of the methods used. This account will include an explanation of how the research has been designed and implemented, and why the particular collection of data and the method of analysis has been chosen. The methodology might be qualitative, quantitative, or experimental, and it might involve gathering information and subjecting it to close scrutiny and analysis. Arts and humanities subjects tend not to have quasi-scientific methodologies, but rely on the close examination and analysis of materials and texts, followed by the your own persuasive arguments.
Studying Fiction