Complex HTML

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 make a Yahoo! Search on your page
How to make a Lycos Search on your page

Things I Added Afterwards

How to make Blinking text
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

How to make a Table


Tables are a more complicated command then most of the ones here. Here is the script for a table:
<table> <table border=4>
<tr>

<td>

Whatever
</td>

<td>

Whoever
</td>

</tr>

</table>


This would appear as:

Whatever Whoever

To make a table with more than one column going down you need to add another
tag:
<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:
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:
<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>

Comments:

<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:


First Name: Last Name:

Email Address:

Comments:

 

 


 

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:
<FRAMESET>

<FRAMESET COLS="50%,50%">
<frameset rows="50%,50%">
<FRAME SRC="http://www.geocities.com/sunsetstrip/alley/5615/duck.gif">
<FRAME SRC="http://www.geocities.com/sunsetstrip/alley/5615/duck.gif"> 
</frameset>

<frameset rows=50%,50%">
<frame src="http://www.geocities.com/sunsetstrip/alley/5615/duck.gif"> 
<frame src="http://www.geocities.com/sunsetstrip/alley/5615/duck.gif">
</FRAMESET> 
</FRAMESET>                                   

The first half up to the first </frameset> tag defines what goes on the left side and everything after that defines whats on the right side. The <frame src=""> tags tell whats in each frame. In this example there are 4 frames so there are four <frame src=""> tags. In the <frame src=""> 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.

 

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.geocities.com/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:
<img src="/cgi-bin/counter/membername">

Of course you put your membername where it says "membername".


 

 

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:
<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">






Just copy and paste the above script for your very own Yahoo! search.

 

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:
<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>


Just copy and paste for your very own Lycos search.

 

How to make Blinking Text


Making Blinking text is just like making bold text:



<blink>
Your text here.
</blink>






 

What little text Commands Mean


There are a whole lot of little commands I've shown you but not explained. Here they are:
<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.



 

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:
<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="".

 

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.

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.


 

How to make a TOC (table of contents)


As you may have noticed, this whole page is one LONG page. This was done for printing reasons and such. Anyway if you would like to know how to do that then here is what you do. First of all I'll explain how it works. All it is is a bunch of links that jump down the page. To do this you have to have sections and of course a table of contents. Here is the script:
<a name="toc">the name of your table of contents goes here </a>


Thats the first thing, you have to specify where the TOC is. To make a link back to the TOC you write:
<a href="#toc">to the top(or whatever else you want to write here)</a>


Thats a link back to whichever point you named "toc". Now the rest of the sections follow the same pattern:
<a href="#sec1">go to section one </a>


That is a link to a place called "sec1", now you have to make "sec1":
<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?

 

How to make background music play


Have you ever gone to a page and suddenly a song just started playing? Here is the script for how to do that:
<CENTER><DD><EMBED SRC="blah.mid" WIDTH=0 HEIGHT=0 AUTOSTART=TRUE>
<HR width="100%"></DD></CENTER>


Make sure you switch "blah.mid" with the name & URL of your sound that you want to play. Also, this won't work unless the sound you are trying to play has been uploaded to your account or you know the exact URL of the sound you want to play.