Monday 13 February 2012

HTML Layout source code


<html><bodybackground="http://img.wallpaperstock.net:81/abstract-fantasy-land-wallpapers_10123_1600x1200.jpg">




<img src="http://lh3.ggpht.com/-flGvqUJT4Tc/TWeVrfVKntI/AAAAAAAAAaI/ODtm2kpIsJg/Dev.3.jpg" height="75" width="63" border="1" alt="Devesh"/>


<!-- Note: In the above line background image included via web if your system is not connected through web then background image will not disply.-->


<table width="800" height ="600" border="0" align="center">
<tr>
<td colspan="2" style="background-color: purple;">
<center> <h1><font color="white"> Main title of the webpage </font> </h1></center> 
</td>
</tr>


<tr valign="top">
<td style="background-color:yellowgreen;width:100px;text-align:top;">
<br/>
<b>&nbsp;&nbsp;Menu</b><br />
<font color="blue">
&nbsp;&nbsp;HTML<br />
&nbsp;&nbsp;CSS<br />
&nbsp;&nbsp;JavaScript <br/>
&nbsp;&nbsp;PHP </br>
&nbsp;&nbsp;ASP 
</font>
</td>
<td style="background-color:lightgray;height:500px;width:400px;text-align:top;">
&nbsp;&nbsp;Page content goes here....</td>
</tr>


<tr>
<td colspan="2" style="background-color:skyblue;text-align:center;">
Copyright © 2012 <a href="http:\\www.deveshucer.blogspot.com">deveshucer.blogspot.com</a></td>
</tr>
</table>


</body>
</html>


Output look like this.........  




Main title of the webpage


  Menu
  HTML
  CSS
  JavaScript
  PHP
  ASP
  Page content goes here....
Copyright © 2012 deveshucer.blogspot.com

No comments:

Post a Comment