Static Web site Creating By Using Tables

<!doctype html>

 <head><title>Working with static Web Site</title></head>

 <body bgcolor="#CCCCCC">
<table width="85%" border="0" align="center" cellpadding="0" cellspacing="0"> 
<tr>
<thead>
<tr bgcolor="#FFFF99">
<th colspan="5" height=100>Name of the Company</th>
</tr>
</thead>
</tr>

 <tfoot>
<tr height="30">
<td colspan="5" align="center">copryright@2017 indiajobhelp.com</td>
</tr>
</tfoot>

 <tr height="50" bgcolor="#99CCCC">
<th>Home</th>
<th>About Us</th>
<th>Services</th>
<th>Gallery</th>
<th>Contact</th>
</tr>

 <tr height="250" bgcolor="#FFCCCC">
<td colspan="5"></td>
</tr>

 <tr>
<td colspan="5">
<table width="100%" border="0" align="center" cellpadding="20" cellspacing="0"> 
    <tr>
    <td width="200" height=500 valign="top">
    <h3 align="center">Using List</h3>
    <hr>
    <ul>
    <li>News</li>
    <li>Videos</li>
    <li>Audios</li>
    <li>Games</li>
    <li>Apps</li>
    <li>News</li>
    <li>Videos</li>
    <li>Audios</li>
    <li>Games</li>
    <li>Apps</li>
    </ul>
    </td>
    
    <td valign="top">
    <h3>
    Working with body Content
    </h3>
    <hr>
    <img src="images/image1.jpg" width="100%" height="500">
    <p>
    This program is free software; you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation; either version 2 of the License, or (at your option) any later version.

 This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU General Public License for more details. 
    </p>
    
    </td>
    
    </tr>
    </table>
</td>
</tr>
</table>
</body>

 </html>

Comments

Post a Comment

Popular posts from this blog

jQuery-Banner

<!doctype html> <html> <head> <meta charset="utf-8"> <title>Slide Creation</title> <script  src="myjquery.js"></script> <script src="mycycle.js"></script> </head> <body> <div id="mybanner"> <img src="images/1.jpg">     <img src="images/2.jpg">     <img src="images/3.jpg">     <img src="images/4.jpg"> </div> <script> $(document).ready(function() {     $('#mybanner').cycle({     fx: 'scrollRight' }); }); </script> </body> </html>
Read more

JQUERY-BANNER-FADEIN AND FADEOUT

<!doctype html> <html> <head> <meta charset="utf-8"> <title>Creating a Banner by using jquery </title> <style> *{ border:0px; padding:0px; margin:0px; } div#dynamic_banner figure img { width:100%; height:600px; position:absolute; } div#dynamic_banner .buttons { position:absolute; z-index:1000; top:550px; left:0px; width:100%; } div#dynamic_banner .buttons input[type=button]{ width:24%; height:50px; line-height:50px; text-align:center; background:rgba(255,255,255,0.5); font-size:18px; } </style> <script src="jquery.js"></script> </head> <body>     <div id="dynamic_banner">         <figure>     <img src="images/1.jpg" id="img_gp">     <img src="images/2.jpg" id="img_wp">     <img src="images/3.jpg" id="img_dm">     <img src="images/4.jpg" i
Read more