HTML CODE TEMPLATE #4

HTML CODE FOR TEMPLATE #4 - White Background

View Red Sections to Comprehend Code:

Use the code below for VIEWING ONLY to gain an understanding of the HTML code and how it works. Each major section of the code is labeled in RED to help you make modifications in your actual Web page's code. Learning to read HTML is simple when you're able to view it after it has been created (with a little guidance!)

***** Begin Template HTML Code Below *******

<html>
<head>
 <meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title>Template #2</title> (Title is what appears in the search engines to identify your web site for searchers.)

<meta name="description"
content="Your site description here. (Maximum 2 sentences.">
(Description is a two - three sentence synopsis of your site for the search engines.)

<meta name="keywords"
content="your, targeted, keywords, here"> (Keywords help the search engines to find your site and place it under the correct search terms. You can add many keywords about your site, but make sure they're targeted and separated by commas.)

</head> (End of "Head" tag)

<body
style="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); background-image: url(bgt4-2.gif);"
alink="#000000" link="#333333" vlink="#000000"> (Begin body of page. Notice this page uses a background image. This is somewhat different than a regular image. The image here is the actual background of the entire web page. In this template, the background image is white with a unique shape of brown and mauve colors. Here are basic instructions for inserting this background into your web page HTML code. Keep this information handy because we will be using many different backgrounds in future templates....
** On the template web page provided, hold your mouse over the background image (any area of the page's background) and RIGHT click your mouse. A drop down menu should appear with the option "Save Background As". Save this background file (bgt4.gif) to your hard drive in the same folder where your template file is located. Transfer the background file to your web site along with the template file, keeping both in the same folder. The background is already included in this template's HTML code, so it should show up on your template once transferred to the Internet.)
 
<center>
<table
style="width: 900px; text-align: left; margin-left: auto; margin-right: auto;"
border="0" cellpadding="2" cellspacing="0">
<tbody>
 <tr>
 <td
style="width: 15%; vertical-align: top;"> 
 </td>
 <td
style="text-align: left; vertical-align: top; white-space: nowrap; width: 70%;"><big><big
style="font-weight: bold;"><big
style="color: rgb(255, 255, 255);"><big>Your
Company Name Here (Type Your Company Name Here)
 
 </big></big></big></big></td>
 <td
style="width: 70%; vertical-align: top;"></td>
 </tr>
 <tr>
 <td> 
 
 
 (Begin Links section below. There are 6 links all together. You can modify the name of the links and the Web site address for each link below. Replace the word "Link" with the name of your link, such as "About Us.")
<big><a
href="http://www.webmastercourse.com/">Link</a> 
 
 <a
style="font-weight: bold; font-family: Helvetica,Arial,sans-serif;"
href="http://www.webmastercourse.com/">Link</a> 
 
 <a
href="http://www.webmastercourse.com/">Link</a> 
 
 <a
href="http://www.webmastercourse.com/">Link</a> 
 
 <a
href="http://www.webmastercourse.com/">Link</a> 
 
 <a
style="font-family: Helvetica,Arial,sans-serif;"
href="http://www.webmastercourse.com/">Link</a></big> 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </td>
 <td style="vertical-align: top;">
 <div style="text-align: center;"> 
 </div>
 <table
style="background-color: rgb(255, 255, 255); width: 100%; text-align: left; margin-left: auto; margin-right: auto;"
border="0" cellpadding="10" cellspacing="0">
 <tbody>
 <tr>
 <td>
 <div style="text-align: center;">

(Type your headline for your home page copy below.)
<big>Your
Headline Here</big> 
 </div>
 
 
 (Replace with your Web page copy below. You can make it longer, but remember not to make it longer than the background of the page with this type of background image. The background image is only "so" long - then it mirrors itself.)
Type
your text here.  This is a table within a table that's
the color white.  The remainder of the page is a background
with a table over it.  The main table is divided into three
columns and three rows to create the different sections you see. 
 
 
 Keep
your page simple and short so the background will not repeat itself.
 If you need longer copy, you'll need a solid color background
with no repeating patterns. 
 
 
 
 
 
 
 
 
 
 
 
 </td>
 </tr>
 </tbody>
 </table>
 </td>
 <td></td>
 </tr>
 <tr>
 <td></td>
 (Type your contact information below.)
<td
style="background-color: rgb(255, 255, 255); text-align: center;">Your
Company Name (C) 
 Address 
 Email 
 Phone</td>
 <td></td>
 </tr>
</tbody>
</table>
</center>
 
 
</body>
</html>

***** End Template HTML Code Here *****