How to make a Line across your page
How to make text in different colours
How to make text different sizes
A little Harder HTML
How to make background images instead of coloured backgrounds
How to make a link to another page
How to make a link to another page within the same directory
How to make an image on your page
How to make images into links
How to make images different sizes than they appear
How to make text beside an image
How to make text "freestyle"
How to make a link that opens a new browser window
How to make tables
How to make forms
How to make a page with frames
Things to Spiffy Up Your Page
How to get a visitor counter (in GEOCITIES)
How to get a Guestbook
How to make a Yahoo! Search on your page
How to make a Lycos Search on your page
Things I Added Afterwards
How to make
What little text commands mean
How to make search engines say what you want
How to make an "entry" page How to make a TOC (table of contents)
How to make background music play
Change the command - <body bgcolor="" To the command - <body background=" the URL of a background file " For example, the command at the top of your page might look like this: <body background="http://www.what.com/what.gif" text="#000000" link="#000000" vlink="#000000">
Making links is VERY easy. Here is the command: <a href=" the URL of the link "> For example, to make a link on your page to here it would look like this: <a href="http://www.oocities.com/sunsetstrip/alley/5615/>
<a href=" address of page ">
<img src=" URL of the image "> For example, the script for me to place this image is: <img src="http://www.oocities.com/sunsetstrip/alley/5616/duck.gif">
<a href=" URL of the link "> <img src=" whatever.gif "> </a>You have to make sure that the actual Link reference comes before the image. Also the link closing tag has to come last.
To do this all you have to do is add this into your image command: width=whatever height=whatever For example, here it is all together: <img src="whatever.gif" width=50 height=50>
align=right or align=left For example, here it is all together: <img src="whatever.gif" height=50 width=50 align=right>
<pre> Here you put your writing. </pre>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: <a href=" URL of place " target=body>
<table> <table border=4> <tr> <td> Whatever </td> <td> Whoever </td> </tr> </table> This would appear as:
<table> <table border=4> <tr> <td> Whatever </td> <td> Whoever </td> </tr> <tr> <td> Whenever </td> <td> Wherever </td> </tr> </table> Here is what this table would look like:
<form method="post" action="mailto: your email address here"> Next you want to actually start your form: First Name: <input name="first" type="text" size=12> Last Name: <input name="last" type="text" size=12>
Email Address: <input name="address" type="text" size=30>
<textarea name="whatever" rows=5 cols=30> </textarea>
<select name="whatever" size=4> <option>choose me <option>choose me <option>choose me <option>choose me <option>choose me </select>
Now you want your buttons at the bottom of the form: <input type="Submit" value="Send it in"> <input type="reset" value="reset">
And then you need the closing tag: </form> This is what it would all look like:
<FRAMESET> <FRAMESET COLS="50%,50%"> <frameset rows="50%,50%"> <FRAME SRC="http://www.oocities.com/sunsetstrip/alley/5615/duck.gif"> <FRAME SRC="http://www.oocities.com/sunsetstrip/alley/5615/duck.gif"> </frameset> <frameset rows=50%,50%"> <frame src="http://www.oocities.com/sunsetstrip/alley/5615/duck.gif"> <frame src="http://www.oocities.com/sunsetstrip/alley/5615/duck.gif"> </FRAMESET> </FRAMESET>
<img src="/cgi-bin/counter/membername"> Of course you put your membername where it says "membername".
<IMG SRC="http://www.yahoo.com/images/recip.gif" ALT="Yahoo!" BORDER=0> <FORM METHOD=GET action="http://search.yahoo.com/bin/search"> <INPUT size=30 name=p> <INPUT type=submit value="Yahoo! Search">
<form action="http://www.lycos.com/cgi-bin/pursuit" method=GET> <input type=hidden name="backlink" value=1469> <p> <b>Query: <input type="text" name="query" size=40> <input type="submit" value="Search"> <p> <b>Terms to Match:</b> <select name="matchmode"> <option value="and">All (AND) <option selected value="or">Any (OR) </select> <b>Number of Results:</b> <select name="maxhits"> <option selected value="10">10 <option value="20">20 <option value="30">30 <option value="40">40 <option value="50">50 </select> <p> <b>Output Level:</b> <select name="terse"><option selected value="off">Verbose <option value="on">Terse</select> </form>
<p> - this is like hitting enter on the keyboard. It makes a space. <br> - breaks a line (like a double space) <b> </b> - these make text bold. <i> </i> - these make text italic. <u> </u> - these make text underlined.
<meta name="description" content="here is what shows up in lycos">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:
<META HTTP-EQUIV=REFRESH CONTENT="1;URL=whichever URL your main page is">
Make sure this tag is added between you <head> & </head> tags. Also inbetween the <head> tags should be where your <title> tags are.
This will make it load your index.html and then quickly transfer to the URL you
added after the URL=. If your main page is already your index.html then just
copy the script for it and paste it to a new html document. Then delete the script
off your index.html and create your "entry" page in it's place.
<a name="toc">the name of your table of contents goes here </a>
<a href="#toc">to the top(or whatever else you want to write here)</a>
<a href="#sec1">go to section one </a>
<a name="sec1>This is section one </a>To sum it all up, you make sections by using the <a name=""> & </a> tags. Then you have to make links to them by making <a href="#"> & </a> tags. Simple?
<CENTER><DD><EMBED SRC="blah.mid" WIDTH=0 HEIGHT=0 AUTOSTART=TRUE> <HR width="100%"></DD></CENTER>