1AFM.com basic HTML Tutorial

Home

Back to:

Basic HTML Tutorial - html page building part 2

Now I'm going to add some games links and weather:

AT57.com Search Engine

Home
About Us
Contact Us
Links

AT57.com search engine plus other search engines
Search the internet using the AT57 search engine plus hundreds of other search engines and find games, beauty, shopping, mp3s, free stuff, webmaster tools and much more.
You can search major search engines here: Kanoodle, AH-Ha, Overture, Google, Alta Vista and many, many more...

Net Search

FREE GAMES
Java Games Shockwave

Check Your Weather
Enter your 'City, State',
state or zip code:

AT57.com

Home | About Us | Contact Us | Links
Site template by Ken J Wagner 1AFM.com © 2002

The table you see above can be seen in code below:

<h1>AT57.com Search Engine</h1>

</td></tr><tr><td width="120" valign="top" bgcolor="#EEEEEE"><font face="arial">

<a href="index.html"><b>Home</b></a><br>
<a href="about.html"><b>About Us</b></a><br>
<a href="contact.html"><b>Contact Us</b></a><br>
<a href="links.html"><b>Links</b></a><br>

</td><td width="100%" valign="top" bgcolor="#FFFFFF"><font face="arial">

<h4>AT57.com search engine plus other search engines</h4>

Search the internet using the AT57 search engine plus hundreds of other search engines and find games, beauty, shopping, mp3s, free stuff, webmaster tools and much more.

<p></p>

You can search major search engines here: Kanoodle, AH-Ha, Overture, Google, Alta Vista and many, many more...

</td><td valign="top" bgcolor="#FFFFFF" width="120"><div align="center">

<table border="1" bordercolor="#6C000E" cellspacing="0" cellpadding="4" height="60" width="120">
 <tr>
   <td width="122" bgcolor="#FFFBEF" height="18">
<font face="verdana" size=2><div align="center">
<b>Net Search</b></font>
<form method="POST" action="http://www.at57.com/cgi-bin/search/smartsearch.cgi" TARGET="_blank">
<input type="hidden" name="username" value="content">
<input type="text" name="keywords" size="10">
<input type="submit" value="Search" name="search">
</form>
</div align>
</td></tr></table>

<table border="1" bordercolor="#FF3366" cellspacing="0" cellpadding="4" height="28" width="120">
  <tr>
    <td width="132" bgcolor="#99FF66" height="18">
<P align="center" style="margin-bottom: -18"><B><font size="2" face="verdana" color="#FF3366"><b>FREE GAMES</b></font></B>
<FONT FACE="verdana" SIZE="-1"><BR>
<a href="http://www.at57.com/games/java_games.html" TARGET="_blank">Java Games</a>
<a href="http://www.at57.com/games/shockwave.html" TARGET="_blank">Shockwave</a>
<br>
 <BR></td></tr></table>

<table border="0" align="center"><tr><td>
<table border="1" bordercolor="#6C000E" cellspacing="0" cellpadding="4" height="28" width="144">
  <tr>
    <td width="132" bgcolor="#FFFBEF" height="18"><FORM METHOD="POST" ACTION="http://711host.com/cgi-bin/weatherpro/hamweather.cgi" TARGET="_blank">
<P align="center" style="margin-bottom: -18"><B><font size="2" face="Arial" color="#6C000E">Check Your
Weather</font></B><font face="Arial" color="#6C000E"><FONT FACE="Arial" SIZE="-1"><BR></FONT><FONT FACE="Arial" SIZE="-2">Enter your 'City, State',<br>
 state or zip code</FONT></font><font face="Arial" color="#800000" SIZE="-2">:</font><font color="#FFFFFF"><BR>
<INPUT TYPE="text" NAME="pands" SIZE="8" VALUE="28273"> 
<INPUT TYPE="hidden" NAME="user" VALUE="711"> 
<INPUT TYPE="hidden" NAME="theme" VALUE="default"> 
<INPUT TYPE="hidden" NAME="forecast" VALUE="zandh"> 
<INPUT TYPE="submit" VALUE="GO" NAME="Submit"> </font> </P></FORM>
</td>
 </tr>
</table>
<center><FONT FACE="Arial" SIZE="-1"><a href="http://at57.com">AT57.com</a>
  </center>
</div>
</td></tr></table>

</div align>
</td></tr><tr><td colspan="3" bgcolor="#FFFFFF"><font face="arial" size="1">
<center>
<a href="index.html"><b>Home</b></a> | 
<a href="about.html"><b>About Us</b></a> | 
<a href="contact.html"><b>Contact Us</b></a> | 
<a href="links.html"><b>Links</b></a><br>
Site template by Ken J Wagner <a href="http://www.1afm.com/">1AFM.com</a> © 2002
</center>
</td></tr></table>

You can see where the games and weather start and end because there are comment tags to help locate them. Note that the new tables have spaces between them because I added the br /br tags to break them apart.

Now I'll add some jokes to the second column, under the textual content:

AT57.com Search Engine

Home
About Us
Contact Us
Links

AT57.com search engine plus other search engines
Search the internet using the AT57 search engine plus hundreds of other search engines and find games, beauty, shopping, mp3s, free stuff, webmaster tools and much more.
You can search major search engines here: Kanoodle, AH-Ha, Overture, Google, Alta Vista and many, many more...

Powered by NewJoke.com

Net Search

FREE GAMES
Java Games Shockwave

Check Your Weather
Enter your 'City, State',
state or zip code:

AT57.com

Home | About Us | Contact Us | Links
Site template by Ken J Wagner 1AFM.com © 2002

The table you see above can be seen in code below:

<h1>AT57.com Search Engine</h1>

</td></tr><tr><td width="120" valign="top" bgcolor="#EEEEEE"><font face="arial">

<a href="index.html"><b>Home</b></a><br>
<a href="about.html"><b>About Us</b></a><br>
<a href="contact.html"><b>Contact Us</b></a><br>
<a href="links.html"><b>Links</b></a><br>

</td><td width="100%" valign="top" bgcolor="#FFFFFF"><font face="arial">

<h4>AT57.com search engine plus other search engines</h4>

Search the internet using the AT57 search engine plus hundreds of other search engines and find games, beauty, shopping, mp3s, free stuff, webmaster tools and much more.

<p></p>

You can search major search engines here: Kanoodle, AH-Ha, Overture, Google, Alta Vista and many, many more...

<p></p>

<center>

<br><center><table width="180" bgcolor="#000000" border="20"><tr>
<td align="center"><form><img src="http://img.newjoke.com/nj.gif">
<big><input type="button" value="Click Here !"
onClick="window.open('http://home.newjoke.com/red.htm','joke',
'scrollbars,resizable,width=540,height=380,left=96,top=0')">
</big></form></td></tr></table>
<a href="http://NewJoke.com/home.htm" target="_top">
<font size="-1">Powered by NewJoke</a><a href="http://at57.com" target="_top">.com</a></font><br></center>

</center>

</td><td valign="top" bgcolor="#FFFFFF" width="120"><div align="center">

Note that I centered the joke box with a simpler tag - center /center .

Finally, I'm going to add some news:

AT57.com Search Engine

Home
About Us
Contact Us
Links

News Headlines

Top News
Weather
Entertainment
International
Government
Hi-Tech
Business
Finance
Automotive
Aerospace
Environment
Healthcare
Sports Magazine

AT57.com search engine plus other search engines
Search the internet using the AT57 search engine plus hundreds of other search engines and find games, beauty, shopping, mp3s, free stuff, webmaster tools and much more.
You can search major search engines here: Kanoodle, AH-Ha, Overture, Google, Alta Vista and many, many more...

Powered by NewJoke.com

Net Search

FREE GAMES
Java Games
Shockwave

Check Your Weather
Enter your 'City, State',
state or zip code:

AT57.com

Home | About Us | Contact Us | Links
Site template by Ken J Wagner 1AFM.com © 2002

The table you see above can be seen in code below:

<h1>AT57.com Search Engine</h1>

</td></tr><tr><td width="120" valign="top" bgcolor="#EEEEEE"><font face="arial">

<a href="index.html"><b>Home</b></a><br>
<a href="about.html"><b>About Us</b></a><br>
<a href="contact.html"><b>Contact Us</b></a><br>
<a href="links.html"><b>Links</b></a><br>
<br>

<table width="120" align="center" border="0" bgcolor="#540086">
<tr><td><font face="verdana" size="2" color="#FFFFFF"><b>News Headlines</b>
</td></tr><tr bgcolor="#FFFFFF"><td bgcolor="#FFFFFF">
</td></tr><tr><td bgcolor="#FFFFFF">
<table width="85%" border="0" align="center" cellpadding="5">
<tr><td valign="top"><font face="verdana" size="1">
<a href="http://www.at57.com/magazine/news.html" TARGET="_blank">Top News</a><br>
<a href="http://www.at57.com/magazine/weather.html" TARGET="_blank">Weather</a><br>
<a href="http://www.at57.com/magazine/entertainment.html" TARGET="_blank">Entertainment</a><br>
<a href="http://www.at57.com/magazine/international.html" TARGET="_blank">International</a><br>
<a href="http://www.at57.com/magazine/government.html" TARGET="_blank">Government</a> <br> 
<a href="http://www.at57.com/magazine/hi_tech.html" TARGET="_blank">Hi-Tech</a> <br>
<a href="http://www.at57.com/magazine/business.html" TARGET="_blank">Business</a> <br> 
<a href="http://www.at57.com/magazine/finance.html" TARGET="_blank">Finance</a> <br>
<a href="http://www.at57.com/magazine/automotive.html" TARGET="_blank">Automotive</a> <br>
<a href="http://www.at57.com/magazine/aerospace.html" TARGET="_blank">Aerospace</a> <br> 
<a href="http://www.at57.com/magazine/environment.html" TARGET="_blank">Environment</a><br> 
<a href="http://www.at57.com/magazine/healthcare.html" TARGET="_blank">Healthcare</a><br>
<a href="http://www.at57.com/magazine/sports.html" TARGET="_blank">Sports</a>
<a href="http://www.at57.com/magazine/index.html" TARGET="_blank">Magazine</a>   
</td></tr></table>
</td></tr></table>

</td><td width="100%" valign="top" bgcolor="#FFFFFF"><font face="arial">

<h4>AT57.com search engine plus other search engines</h4>

Search the internet using the AT57 search engine plus hundreds of other search engines and find games, beauty, shopping, mp3s, free stuff, webmaster tools and much more.

<p></p>

You can search major search engines here: Kanoodle, AH-Ha, Overture, Google, Alta Vista and many, many more...

<p></p>

</td><td valign="top" bgcolor="#FFFFFF" width="120"><div align="center">

<table border="1" bordercolor="#6C000E" cellspacing="0" cellpadding="4" height="60" width="144">
 <tr>
   <td width="132" bgcolor="#FFFBEF" height="18">
<font face="verdana" size=2><div align="center">
<b>Net Search</b></font>
<form method="POST" action="http://www.at57.com/cgi-bin/search/smartsearch.cgi" TARGET="_blank">
<input type="hidden" name="username" value="content">
<input type="text" name="keywords" size="10"><br>
<input type="submit" value="Search" name="search">
</form>
</div align>
</td></tr></table>

<table border="1" bordercolor="#FF3366" cellspacing="0" cellpadding="4" height="28" width="144">
  <tr>
    <td width="132" bgcolor="#99FF66" height="18">
<P align="center" style="margin-bottom: -18"><B><font size="2" face="verdana" color="#FF3366"><b>FREE GAMES</b></font></B>
<FONT FACE="verdana" SIZE="-1"><BR>
<a href="http://www.at57.com/games/java_games.html" TARGET="_blank">Java Games</a><br>
<a href="http://www.at57.com/games/shockwave.html" TARGET="_blank">Shockwave</a>
<br>
 <BR></td></tr></table>

You'll note that because the weather box is wider than the other two tables above it I changed their widths from 120 to 144.

And we're done - we've built an entire page in a couple of minutes.

To see the html above as a finished page Click Here (opens in a new window).

Just remember that all tags that are opened must be also closed. I've compiled a list of all the most important tags Go here.

Back to: Internet Consulting For Beginners | Home Business Money Making | Increase Your Link Popularity