IMG SRC = "Image Source", and you need to have the space between
the IMG and the SRC. After the quote marks, type the name of your graphic and the path
the browser needs to follow to find it. Your graphic needs to be in either a GIF or a JPG
format, and you cannot have any spaces in the actual name. If your graphic is going to
be in the same directory on your ISP (Internet Service Provider -- America Online,
MindSpring, etc.) server as your page file will be located when it is eventually uploaded
to the internet, then you do not need to type the entire pathway. But if the HTML files
and your graphic files are going to be in two different directories, then you will need
to type in the full pathway for your graphics files.
It is a good idea to not type a full pathway for your files while you are first developing
your page, because when you try to view it in the browser for testing, it will not be able
to find them because they have not been uploaded yet to the directory you have specified in
your code. If you leave the pathway out while developing your page and keep your graphics
and page files in the same folder on your computer, you will be able to view everything and
then just fill in the pathway before uploading your elements if you decide to have them in
different directories on your ISP server.
WIDTH, HEIGHT, BORDER - Defines the size of your graphic and the
stroke of the square border framing it in pixel measurements. It is not necessary to type
in the width and height values if you are using the graphic at 100% size, but having the
values named anyway will help the browser to layout your page quicker. Also, if the
border code is left out, you will not have a border around your graphic unless you have a
hyperlink attached to it, in which case you will need to deliberately set the border value
to "0" so that you will not have one if you do not want one.
~~~~~~~~~~~~~~~~~~~
Example1: You have a title graphic called "mainhead.jpg" that you want
to be centered on your page and used at 100%, with a little extra spacing below it before
your regular text begins. This graphic will also be contained within the same directory
on your internet server, and so you will not need to type the full pathway for it.
Example2: You have the same graphic as above, but you want to change
the size of it. You have decided that you want the size to be 250 pixels wide and 75 pixels
high. You have also changed your mind about the alignment and now you just want it to be
aligned on the left side of the page.
Webpages have a left alignment default, therefore you do not need to use an alignment
code in the above case.
~~~~~~~~~~~~~~~~~~~
HYPERLINKS:
Hyperlink codes are what you use to jump to another webpage, whether it is to another one
of your pages or someone else's. The code structure of a hyperlink is:
<A HREF="locationtojumpto.html">text or graphic hyperlink is attached to</A>
As with the graphic insertion codes, if the location you are going to jump to is just another
one of your pages and is in the same directory as the one you are jumping from, you do not
need to type the full URL (webpage address) in the code. If you are jumping to another
website, you need to provide the entire URL.
~~~~~~~~~~~~~~~~~~~
Example1: You want to jump from your one of your pages to your
favorite links page which you have named "links.html", and you are just using text for your
hyperlink instead of using a graphic to click on.
<A HREF="links.html">my favorite links page</A>
The previous code will result in the phrase "my favorite links page" being underlined and
set in the color that is designated for hyperlinks. If you have not specifically defined a
color for links in your <BODY> code at the top of your file, then the color will be what
the viewer has their computer's hyperlink default color is set to, which the majority of the
time is blue.
~~~~~~~~~~~~~~~~~~~
Example2: You want to jump from your page to Arizona Family's main
website, and you have a copy of their logo that you snagged from their page and saved with
your other page graphics and named it "azfamlogo.jpg".
This will result in a hyperlink being attached to the graphic, and will keep the hyperlink
box from showing up around it. Since you are jumping to their main homepage, you do not
have to type in "index.html" after the ".com/".
