|
|
During my days as an amateur HTML programmer, I spent weeks in front of my computer trying to find a page that would tell me how to do all those things i didn't know. I never found such a page, but YOU just did! This page includes many scripts to simply copy and paste into your page (all script is in blue for your convenience) and brief explanations as to how they work. At the pulldown menu below simply select the topic you want to learn about and your on your way! |
|
|
|
|
How to make Lines (horizontal rules)
Making a horizontal rule is probably the easiest thing to write in HTML. This is the command for a horizontal rule:
How to make text in different Colours
Changing the color of text is also very simple. Here is the command:
Here is where you write your text.
The size you can change if you want it bigger or smaller. Inbetween the ""s you put the code of whichever colour you wish to use. Follow this Link to see a list of some color codes.
How to make text in different sizes
There are two ways to make text in different sizes. The first way is explained above in How to make text different Colours. That way is a little more complicated. The way I'll show you here can make the text in 7 different sizes. Here is the script:
Inbetween all the ""s there will be color codes.
To make your background into a pattern or a picture you first need to have a pattern or picture uploaded into your directory or know the URL of a good background.
To the command -
For example, the command at the top of your page might look like this:
This would make your background into what.gif (this is just an example it won't actually work). It would make the writing, the links, and the visited links all black.
For example, to make a link on your page to here it would look like this:
command and the command.
You have to include the tag at the end of every link or the rest of your page will be the link!
For Example, here is how I made a link from this page to the page that shows you colors:
For example, the script for me to place this image
The width= and the height= commands are optional. You only need to use them if you want to make a pisture a different size than it already is.
You have to make sure that the actual Link reference comes before the image. Also the link closing tag has to come last.
width=whatever height=whatever
For example, here it is all together:
align=right or align=left
For example, here it is all together:
You don't need to have the height and width in there. This command will do this:
This way you can do whatever you want, write song lyrics without them turning into a paragraph, write words in list form, etc.
target=body
For example, here it is all together:
This will open a new window when you make a link, especially useful when making links in chats. The script was not actually designed to open a new window
but for making links appear in different frames if you have a frames page. That way if you have a side bar, you can make a link that will appear in the main page.
This would appear as:
To make a table with more than one column going down you need to add another
Here is what this table would look like:
Next you want to actually start your form:
First Name:
Last Name:
Email Address:
Comments:
Now you want your buttons at the bottom of the form:
And then you need the closing tag:
This is what it would all look like:
The first half up to the first tag defines what goes on the left side and everything after that defines whats on the right side. The tags tell whats in each frame. In this example there are 4 frames so there are four tags. In the tags you would fill in whatever the URL is of what you want in that frame. The page these frames would create is actually four different documents of HTML. Click here to see what this page will look like.
Of course you put your membername where it says "membername".
Just copy and paste the above script for your very own Yahoo! search.
Query: <input type="submit" value="Search">
Terms to Match: <select name="matchmode">
Output Level:
Just copy and paste for your very own Lycos search.
- This is like hitting ENTER twice. (Two Spaces.)
& - These make text bold.
& - These make text italic.
& - These make text underlined.
& - One of my favorites - makes all the text a nice small yet readabe size. Like at the top of this page.
This way when lycos spiders your page the description it gives will be whatever
you wrote after the content="".
When your page loads in a directory it automatically loads the index.html.
That will be your entry page. To make it you simply design the page like you
normally would (include something like "welcome".. make it load VERY quickly)
and then add the tag:
Make sure this tag is added between you & tags. Also inbetween
the tags should be where your This size
This size
This size
This size
This size
This size
When you put text between the
How to make image backgrounds
This is a little more complicated but its still fairly simple. At the top of your HTML document there should be a section that looks like this:
Change the command -
How to make a Link to Another Page
Making links is VERY easy. Here is the command:
How to make a link to another page in the same directory
Making a link to a page in the same directory as your intitial page is VERY VERY easy. Here is the script to do it.
How to make an Image on your Page
OK, this is also an extremely simple command. It's basically a link but a little different. Here is the script:
is:
How to make Images Into Links
Making images into Links is as easy as combining the two commands:
How to control the size of your Images
To do this all you have to do is add this into your image command:
How to make text appear beside an image
Have you ever noticed that when you type beside an image the text only starts at the bottom of the pic and you end up with a big empty space? Well, this little addition to the image command will solve that problem:
Hey... this text is at the top and not the bottom. How convenient eh?
How to make "freestyle" text
Making "freestyle"(in other words, text "as is") text is as easy as making it bold or italic. Here is the script:
Here you put your writing.
How to make a link that opens a new browser Window
This is as easy as adding a command at the end of the link command. Here is the command:
How to make a Table
Tables are a more complicated command then most of the ones here. Here is the script for a table:
Whatever
Whoever
Whatever
Whoever
tag:
Whatever
Whoever
Whenever
Wherever
Whatever Whoever Whenever Wherever
How to make Forms
OK, forms are very complicated, they are easily equal if not harder than tables. Here is the first command:
How to make Frames
Making frames is pretty complicated but not quite as hard as making forms. When you make a page with frames you actually dont have any writing or anything on that page. It's just kind of a reference page. Here is an example:
How to get a free anonymous email address
Say you need to start a new web page in Geocities but you don't have another email address to use. Because geocities only
allows one email address per geocitizen, you would be out of luck. Except for the fact that there are a bunch of very nice
people at Hotmail where you can get your own free web based email address. Just click on
the link and go get one. Its that easy.
How to get a counter in geocities
OK, a counter is usually the first thing you want to get on your page so here
is how you get one in geocities (unfortunately this page is in geocities so I
never bothered to find out how to get a counter elsewhere). First you have to
go to http://www.oocities.org/cgi-bin/counter/membername.password (you fill in your
membername and password where it says). Then you'll see a counter that says 1.
Then you simply add the following script to your page wherever you want your
counter to be:
How to get a guestbook
A guestbook is very useful and nifty and it makes your page pretty spiffy. Here is a link for you to follow to get yourself your very own guestbook:
How to make Yahoo! Search
Making a Yahoo! search on your page has no real value or anything except that it makes your page spiffier. Here is the script:
How to make a Lycos search on your page
Like having a Yahoo! search, a Lycos search has no value except that it's a
cool thing to have on your page. Here is the script, just copy and paste it:
How to make Blinking Text
Making Blinking text is just like making bold text:
What little text Commands Mean
There are a whole lot of little commands I've shown you but not explained. Here they are:
- Breaks a line. (One Space)
How to make search engines say what you want
Have you ever noticed that when you register in some search engines (such as
lycos) you don't have an option to insert a page description? That's because
when lycos spiders your page they use the first words in it. Well there is a way
to change that. You have to insert the tag:
How to make an "entry" page
OK, have you ever gone to a page that says something like "welcome to my page"
and then suddenly enters the real page? Well that's an entry page. These are
fairly easy to make.