In order to set yourself apart from the hundreds of thousands of websites out there, consider hiring a professional web designer.  Meanwhile, get your free html layout today:

1. type the following twelve lines into a text editor (like Window’s Notepad),

2. save the file as index.html, and

3. upload the file to your website’s public_html directory

 

The following section contains 12 pairs of sentences.  The first sentence in each paragraph explains what will happen when you insert the second sentence as part of your free html layout.  Regarding the second sentence, please be sure to type each line from the first < to the last > on one line regardless of how this article may wrap the text.  Let’s get started.

 

The 12-Line HTML Code with Explanation

 

Tell your computer that you intend to build html website:

<html>

 

Tell the world what the name of your page or website is:

<head><title>My Website Title</title></head>

 

Give your website some background:

<body bgcolor="maroon">

 

Make a simple headline container:

<table width="555" align="center"><tr><td width="555" height="43" bgcolor="orange">

 

Give your headline some character:

<p align="center"><span style="font-size:36pt;"><font face="Elephant" color="maroon">My Basic Website!</font></span></p>

 

End your headline container:

</td></tr></table>

 

Make a simple container for your body text:

<table width="555" align="center"><tr><td width="555" bgcolor="white";>

 

Give your body’s subtitle some character:

<p align="center" style="margin-top:0;margin-bottom:0;"><span style="font-size:20pt;"><font face="Carmina Blk BT" color="orange">Sub Header Text Here</font></span></p>

 

Experiment with your body text options:

<p style="margin-top:0;margin-right:15;margin-bottom:0;margin-left:15;" align="left"><font color="maroon">Remember to add your text here, and watch your text container grow! Experiment with font size, color, and text area color, etc.</font></p>

 

End your body text container:

</td></tr></table>

 

Wrap up the design page:

</body>

 

Close the web design door:

</html>

 

Wrapping It Up

 

Once you get the free html layout uploaded, you can experiment with the various options above (for instance, color options), as you will better understand what effect each change will have on your overall web design. 

 

There are other web design resources that may present a more professional look than the basic website you learned to build here.  However, you know enough to build html website after website using this free html layout. 

 

Build a multi-page website when you link individual web pages together, or build several one-page websites.  It’s your web…spin it your way today.