SECTIONAL HTML CODE TEMPLATE #1

HTML CODE FOR TEMPLATE #1

View 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> (Beginning of HTML page)

<head> (Head tags are not visible on your web page, but control the Metatags or title, description and keywords of a page.)

<meta
content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title>Template #1</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> (Begin "body" of web page - visible online.)

<table
style="background-color: rgb(118, 131, 184); width: 800px; text-align: left; margin-left: auto; margin-right: auto;"
border="0" cellpadding="2" cellspacing="2">
<tbody>
 <tr>
 <td
style="text-align: center; font-family: Helvetica,Arial,sans-serif;"><big><big><big><big>TEMPLATE
#1</big></big></big></big></td>
 </tr>
</tbody>
</table> (First table where the heading is found. Replace the words "TEMPLATE #1" to form your own heading.)

(Begin next table below. This table is divided into two cells (or columns) which contain the links in the left column and the content of your web page in the right column.)

<table
style="width: 800px; text-align: left; margin-left: auto; margin-right: auto;"
border="0" cellpadding="10" cellspacing="0">
<tbody>
 <tr>
 <td
style="vertical-align: top; background-color: rgb(118, 131, 184); width: 100px;">LINK
SECTION A 
 

(Begin Links below. Modify the links by replacing "http://www.webmastercourse.com" with your own website address. Be sure to include the "http://" with each link. Then modify the link text by replacing "Link #1", "Link #2", etc. with whatever you wish - but keep it short and simple.)

 <a
href="http://www.webmastercourse.com/">LINK #1</a> 
 <a
href="http://www.webmastercourse.com/">LINK #2</a> 
 <a
href="http://www.webmastercourse.com/">LINK #3</a> 
 <a
href="http://www.webmastercourse.com/">LINK #4</a> 
 <a
href="http://www.webmastercourse.com/">LINK #5</a> 
 
 LINK
SECTION B 
 
 <a
href="http://www.webmastercourse.com/">LINK #6</a> 
 <a
href="http://www.webmastercourse.com/">LINK #7</a> 
 <a
href="http://www.webmastercourse.com/">LINK #8</a> 
 <a
href="http://www.webmastercourse.com/">LINK #9</a> 
 <a
href="http://www.webmastercourse.com/">LINK #10</a> 
 
 LINK
SECTION C 
 
 <a
href="http://www.webmastercourse.com/">LINK #11</a> 
 <a
href="http://www.webmastercourse.com/">LINK #12</a> 
 <a
href="http://www.webmastercourse.com/">LINK #13</a> 
 <a
href="http://www.webmastercourse.com/">LINK #14</a> 
 <a
href="http://www.webmastercourse.com/">LINK #15</a></td>

(Begin Content section below. Notice the content is typed and formatted. You only need to replace the text, but only change the "tags" within the text if you feel comfortable doing so. You can always make text bold by surrounding it with text here .)

<td
style="vertical-align: top; text-align: center;"><big><big>TYPE
YOUR CONTENT HERE 
 
 </big></big>
 <div style="text-align: left;"><big>Type
your web page content here.  Your home page (or main page)
should have an introduction or sales presentation.  Additional
pages can describe individual products and services or provide useful
articles surrounding your Web site's theme. 
 
 You
can always expand the link menu or create submenus to add
additional content to your Web site. 
 
 This
template contains two tables.
 The top table contains the heading "Template #1".
 The next table is divided into two sections called "cells."
 One cell is the same color as the heading table, the other
cell (this one) is white.  White should always be your first
choice for extensive reading areas. 
 
 Note:
 Images and text can be added to any of the tables.<big></big></big><big><big></big></big></div>
 </td>
 </tr>
</tbody>
</table> (End of tables.)
 
</body> (End of body.)
</html> (End of web page.)

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