HTML Basics

Adding Hyperlinks and Images

<IMG SRC=”smlogo.gif” > Specifies the graphic image “smlogo.gif” to be displayed

<A HREF=”http://www.umw.edu”>Mary Washington College Home Page</a>

The text within the anchor tags (<A>) will be a “hotlink” to another web page (The HREF is the anchor qualifier meaning “hyper-reference”).

So let’s add an image and a hyperlink to our document:

Well, what’s it look like . . .

We can also have the image as part of our hyperlink, so the text and the image are active and clicking either one will send us to the Jepson Science Center Page.

Let’s try it . . .

We didn’t create anything too fancy, but hopefully we showed you how simple it is to write HTML code. If you wanted to save the page you created, you would choose the File menu in Notepad and select Save As. By default, Notepad saves documents as text. However, we want to change the Save As Type to All Files. Now for the file name, call it whatever you want, but the document must have the .html extention added to the end. Here’s an example of what this looks like: