Ok, here's a starter. Lets start with tags. A tag does not get shown as text in your web-browser, but tells the browser what to do. A tag looks something like this. <html> </html> <img src=""> Note the Arrows. This indicates a tag. In the second tag, there is a slash. This tells the browser to stop doing whatever the last tag told it to do. First,<html> tells your browser that it is reading a web file. This is always the first thing in the web document. BUT... This is not actually necessary in your document. Next is the body tag. It starts out with <body> Inside this tag you put what you want your text color, link color, background color, and background picture to be. example: <body text="black" bgcolor="white" link="blue" vlink="grey" background="http://www.test.com/bg.jpg"> <font size=+2 color=red>This is an example of the font tag!</font> This is an example of the font tag! where: link is a http:// reference color vlink is visited links color text is the default text color bgcolor is background color background is a picture file (note: picture file will be in quotations and can be an exact location of the picture or a relative location. Relative location is discussed later. For now just use the exact location.) Other Important tags: <img src="http://www.test.com/picture.jpg"> This tells the browser that there is a picture to be inserted here. The "www.test.com" will equal YOUR homepage server. <a href="http://www.anywhere.com/test/test.html">This is a test </a> This is what is called a hyperlink or just link. When you put your mouse over this text, it will turn into a pointing finger and you will be able to click on it. When clicked, your browser will bring up the page that is refered to in the link. "This is a test" is the text that you want displayed as the link. Think of it like this, you click on "This is a test" and the browser will display the page located at "http://www.anywhere.com/test/test.html" Below is an example Mama's Users! <center></center> This tells the browser to center whatever is between the two tags. This can be a picture or text. Example %lt;center><img src="http://www.test.com/test.jpg"></center> This would center the picture left and right, but not up and down. <font size=+1 color="red" face="helvetica">This is a test </font> This example tells your browser what size, color and font type to use until the closing tag(</font>) "This is a test" will look like this on the screen: This is a test Where: size is a value between -4 and +4 (also any numeric value between 1 and 10) color is the selected color, this can be in hexidecimal form(#00ff00) or in standard color form red, blue, yellow, green, etc... face is the font type. Face is touchy. Any font you select must be on the users computer also, or it will default to a different font. I recommend leaving this be for a while. The </font> is the tag that tells the browser to stop using these settings for the font and go back to the default values. <br> is the tag to go to the next line. ie if you typed Hi <br> How are you? this would give you an output of Hi How are you? <hr> gives you a solid line like this
<hr width=50%> gives you a solid line like this
Last thing is the location I was talking about. If your homepage is at http://mama.indstate.edu/users/moo/index.html Then that is a full location. If you have a picture in the same direcory as your html file, then you can use <img src="picture.jpg"> and that will work. Or if your picture is in a directory called pics, you could just use <img src="pics/picture.jpg"> and if your html file is in a directory called funstuff and your picture is in the directory right below that, then use <img src="../picture.jpg"> the ".." tells the browser to look one directory below the current location for the picture. It is all confusing at first, but if you play with it a little at a time, You will eventually get the hang of it.