Example of a basic in-line image...
<img src="skyskul.gif" WIDTH=200 HEIGHT=50 ALT="School banner">
Ah, what a tangled web we weave.....without Links, the World Wide Web
wouldn't be a web at all! To add a link... you will use the <a href="location">
opening tag and </a> closing tag. Whatever appears between
these two tags will become underlined and colored, and if you click on the
underlined text it will send the browser to the location within the quotes.
Example of a link...
Visit Schuyler School's
Website!
Visit <a href="http:/members.tripod.com/~SchuylerSchool">Schuyler
School's Website</a>!
Note: Although Links are usually used to send people to other web pages,
you may also use it to send email to a specific address by using a location
of mailto:user@host.
Example of a Mailto: Link...
Send email to the Webmasters!
Send email to <a href="mailto:SchuylerSchool@K12mail.com">the
Webmasters</a>!
You may also add images (pictures) to your web page, as long as the image
is in the .gif or .jpg (or .jpeg) file formats. The basic tag for in-line images in
<img src="location">.
It is also recommended to add HEIGHT and WIDTH attributes
to the IMG tag, which will allow the image to take proper proportions
on a browser that is not currently viewing images. It is also recommended
to use the ALT="what picture is" to tell a person what
a picture is in case it is still loading or they are not viewing images.
(The IMG tag has no closing tag!)
Example of a basic in-line image...
<img src="skyskul.gif" WIDTH=200
HEIGHT=50 ALT="School banner">
Many times you may want to have an image that is linked, so that if someone
clicks the image, they person will be taken to another page. This is rather
simple- you just need to place the IMG tag within the A HREF
tags. (<a href="location_of_link"><img src="location_of_image"></a>)
You may also use the ALIGN tags with images!
Example of a linked image...
<a href="https://members.tripod.com/~SchuylerSchool"><img
src="skyskul.gif" align=right></a>
[Go to Lesson 2! | Introduction | Go to Lesson 4!]
Copyright © 1999 Webmaster.
All rights reserved.