HTML CODE TEMPLATE #1

Learn Web Design | Learn Graphic Design | SiteBuildIt!
Web Hosting | Register Domain Name | Content Writing Services | Promote Your Site
Site Map | Subscribe to Web Design Weekly | Web & Tech Jobs | Home

Instructions:

1) Copy the entire code below and paste the code into a text editor such as Notepad.

2) Save the code as a file called template1.html onto your hard drive.

3) Modify the html code to reflect your web page information.

4) Transfer the html file template1.html to your Web site using an FTP program or other publishing method.

(Hint: Remember where you place the file so you can find it online. Example: http://www.webmastercourse.com.com/websitetemplates/template1.html )

5) View the file online by typing in the complete path of where you transferred it (see example above).

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

<html>
<head>
<meta
content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title>Template #1</title>
</head>
<body
style="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255);"
alink="#ffffff" link="#ffffff" vlink="#ffffff">
<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>
<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 
 
 <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>
 <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>
 
</body>
</html>

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

©This tutorial is Copyrighted by Candice Pardue, Freelance Writer