|
Ok this page is for all you non-html-knowing people. Html is not hard to understand or use. Ok so now some background info before we get started. In case you are really behind the rest html is a web programming language. It’s used to make web pages. Get it? Got it? Good. OK on to the fun stuff!
For much of the stuff I’m going to tell you it may be easier to understand if you had a place
to see how it works like and html editor or something. The one I got, I got from the net.
It’s called First page 2000 (not to be mixed up with front page). If you can find it
it’s a good program to use as it has a real time display, which shows you what you’ve made.
This will help you understand html better. Of course I’m not saying you must get this program
or anything. I’m sure you can at least try to understand it without playing or you can just
pratus with it on the net (where everyone can see your mistakes).
This is just a start. If you do know html and see a mistake on here could you
please tell me through my feedback? thank you.
For example <font size=”3”> (see the command is inside the < >) Most tabs need to be ended. Putting a / in the tab well end the command. For example, to end the font tab above you would write </font> Note the / always goes at the beginning of the ending tab.
For example if you wrote: Hi my name is <u>Paul</u> <font color="green"> Notice the spelling of color and the "" around the color, if you mess these up the command well not work right. With this you can right the color in words but it might not always work right. On most pages the color is written as a hex code, a 6 digit code. Useing a hexcode instead of writting the color as a word well allow you to chose just the right color for your page. Programs like first page come with a color picker handy for you. If you don't have a color picker then you can use this site
You can also change the size of the text by adding this to the same tag:
You can also make your words in a different typeface by putting this in the same tag:
When you want the words to stop being green and written in size 4 arial font,
you would put the end font tag in, which well be </font>
Note you don't have to end the color, size and face separately.
Also you do not have to put the size, color and face in any particular order within the tag. Adding an image is easy. The tag starts like this: <img src=" "> The img means image and the src tell it that it's looking for a file. Within the "" you would put where the picture is on the net. For example with most web site building sites like angelfire and geocities you would have to upload a file from your computer onto a place on the net. It tells you where it is. All you would have to do is write that within the "". For example: <img scr= "images/mypicture"> Every location will be different so you well have to find out where yours is yourself.
Other things you can do with your picture!
You can have a border around your picture by adding:
You can make your picture be in the center, on the left or on the right by putting this in
your tag: Links are also very easy to do. You start the tag like this: <a href=""> In between the "" you would put the web adress of the place you are linking to. For example if you were to set up a link to my homepage it would look like this: <a href="www.angelfire.com/hi5/happyness">happy circle home page</a> you would get a link that looks like this: happy circle home page REMEBER to end your command or else you will make the rest of your page into a link!
Now say you want to make an image into a link. Instead of writting the words for your
link between the starting and the ending tags you would put your image tag you learned
above. So to make a link too my home page using my picture of a happy face i would write:
There are also two other things you can do with links. The first one is making the underline
in the link disappear. To do that you would put this in the tag:
The other thing you can do is make the link open in a new window. You do this by putting
this in the tag: Ok i know this is what you've all been waiting for. Yes backgrounds! These are easy to do. If you look at your html you should see near the top this tag <body> If you don't you may want to put it in it's kinnda important. Ok to make a background of a single solid color (lets say black) you would put this in that tag: <body bgcolor="#000000"> You can also use a picture for a background by putting this: <body background="images/mybackground"> Note- You may want to make the bgcolor a color close to your background image as some can take a long time to load. That way when it dose load your veiwers won't see a sudden change in color. Also if your background dosen't load at all you can still sort of achive the same effect you were going for.
|