This page is dedicated to my best friends Cassandra and Alexandria Suchy-Mabrouk. They have their own website too. They don't know much HTML so this page is to help them out.
THE VERY BASICS
How to save images
When you want to save an image you right click on it and click on "Save image as" and that's it. Only Netscape says "Save picture as"
Put a wallpaper on your desktop
Right click on a picture and select "set as wallpaper." Then the picture you set will then appear as your desktop picture.
HEADING
Before you start anything. Use This code:
<html>
<head>
<title>Your Page Title Goes Here</title>
<body bgcolor="BACKGROUND COLOR HERE" background="BACKGOURND IMAGE HERE(IF THERE IS ONE)" text="TEXT COLOR HERE" link"LINK COLOR HERE" vlink="VISITED LINK COLOR HERE">
</head>
If there is no Background imgae, get rid of the text in the " ".At the end of the page, put this code:
</body>
</html>
Creating Links Putting Up Images
If you want to creat a link to somewhere you have to type <a href="link URL here"> before the image command or type the text right after it. Then if you want to end the link at a certain spot so that nothing else is linked type </a> right where you want the link to end. If something isn't in your directory (your webpage) remember to use http://link URL. For example:
Click Here To Go Home
Here is the code for that command:
Click Here To Go <a href="http://www.geocities.com/Tokyo/Bridge/4452">Home</a>
<STYLE TYPE="text/css">
<!--a {text-decoration: none;}-->
</STYLE>
</HEAD>
</font>
If you want your link to be highlighted like this use this code on the head of the our page:
<HEAD>
<STYLE TYPE="text/css">
<!--a:hover{background-color:#000000;}-->
</STYLE>
</HEAD>
This trick only works for internet explorer. It's a changing link color. Like this one. (Go to this page) . The code is:
<!-- Add this code to the HEAD tags -->
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin function initArray() {for (var i = 0; i < initArray.arguments.length; i++) {this[i] = initArray.arguments[i];
}
this.length = initArray.arguments.length;
}
var colors = new initArray(
"red",
"blue",
"green",
"purple",
"black",
"tan",
"red");
delay = .5; // seconds
link = 0;
vlink = 2;
function linkDance() {
link = (link+1)%colors.length;
vlink = (vlink+1)%colors.length;
document.linkColor = colors[link];
document.vlinkColor = colors[vlink];
setTimeout("linkDance()",delay*1000);
}
linkDance();
// End -->
</script>
</head>
There are many more effects with links so I put them on a different page. Go here for them.
When you want to put up an image use this command:
<img src="IMAGE NAME HERE"> This is for a basic Image.
If you want link up an image to something
you put <a href="LINK URL HERE"><img src="IMAGE NAME HERE"> And that's it.
If you use that
and you don't want a border around it use <a href="LINK URL HERE"><img src="IMAGE NAME HERE" border=0>
If you want to make a thumbnail so that you make a small picture then when you click on it, it becomes big use this: <a href="IMAGE NAME HERE"><img src="IMAGE NAME HERE" border=0 height=100> You can also adjust the width by typing in width=100 after height.
If you want an alt(when you put your mouse over an image text will show up) use this alt="text here" in the <img> tag.
Ummm...I think that's it basically.