MWC Home Page

Technology Training Home > Internet > HTML Basics Tutorial Intro > Adding Hyperlinks and Images

Contents  
Intro
Getting Started
Heading Tags
Formatting Paragraphs
Adding Hyperlinks and Images
 
 
 

HTML Basics
by Andy Rush


Adding Hyperlinks and Images
 

We're getting close to the end with our last two basic tags: specifying images and making "hyperlinks"

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

<A HREF="http://www.mwc.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:

Save the file to your hard drive. Now when you see the icon for your file, you can double-click on it and it will start the web browser on your computer.

For more information, see Making Web Pages.

 

 

 

 
 
< Previous Page
[Resources for Prospective Students] [Resources for Current Students] [Resources for Faculty and Staff] [Resources for Alumni] [Resources for Community and Visitors] [A to Z Index] [People Search] [Search MWC]
[MWC Home Page]

Division of Teaching and Learning Technologies
Mary Washington College
1301 College Avenue, Chandler 105
Fredericksburg, VA 22401-5358
Tel. 540.654.1379 Fax 540.654.1068

This Web Page Maintained by
Andy Rush
Department Site Index
Comments or Questions?

To JMC Home Page

[James Monroe Center Home Page]