Layout Website By Table Tag

Html layout website by <table> tag: This is very important for E-mail template designing. Because E-mail template doesn’t  support <div> tag. For that there is no alternate system for design E-mail template.

Many  layout website also design by table tag. Before learning about  layout website by table tag you must need to learn about html table tag. You can read the article from learn table tag of html . You just design the table column and raw by style attribute mainly.

Look at the following syntax:

<html>

<body>

<table width="500" border="0">

<tr>

<td colspan="2" style="background-color:#FFA500;">

<h1>Your title of page</h1>

</td>

</tr>

<tr>

<td style="background-color:#cc9999;height:200px;width:400px;text-align:top;">

Your website content

</td>

<td style="background-color:#ccff33;width:100px;text-align:left;">

<b>HOME</b><br>

HTML<br>

CSS<br>

Wordpress</td>

</tr>

<tr>

<td colspan="2" style="background-color:#3366cc;text-align:center;">

Copyright © h2cweb.net</td>

</tr>

</table>

</body>

</html>

Output:

website layout by table

website layout by table

Description: At first look at this

 <b>HOME</b><br>

HTML<br>

CSS<br>

Wordpress</td>

I don’t use here any <a> tag. For that it doesn’t  show the link. But I use <a> tag on website layout by div tag article.  If you don’t know about how to make link on html you can follow this making link with anchor tag article.

At first I create a simple table by html. Than I select the tables column and raw width , height, color. This is the main idea for website layout by table tag. Table width indicates the width of website. You needn’t use table border for this. Because using table border make the website part by part. It mayn’t be a best website if you use table border. But some time you need to use table border.  The first raw will be the head of website and the last raw will be the footer of your website. The middle raw and column may be use for designing and menu.

Learn  layout website by div tag from the website layout by <div>  tag article.

Roy Jemee is a professional Blogger. Apart of blogging he likes to play with mathematics. He knows Blogging, Wordpress, PHP, javascript , SEO and some other.