[HTML] Basic Website Layout Code

Epimetheus · July 22, 2012

Hello i made a basic website layout with Html using the table tags try it yourself ! Copy the code in notepad++ and save it as html and try it your self :))

i Will update it soon atm i don't have much time

Really simple to use and practice on :) , its pure html not even css in so anyone can do that and learn it making it himself

Its really simple layout made just with the table tag , it's always good to start with a simple layout like this one , i will share in near future more layout codes but with some css propably next time . Try to work with thsi basic layout add buttons nice bg borders and you may create a really simple and nice looking website layout.

<!DOCTYPE HTML>
<head>
<title> Test </title>
</head>
<body bgcolor="Teal">
<table Align="center" id="shell" title="Shell" height="800" width="600"
border="0" bgcolor="black" cellspacing="1" cellpadding="0">
   <tr height="150">
      <td bgcolor="white">
         <table title="banner" id="banner">
            <tr><td>Banner goes here</td></tr>
         </table>
      </td>
   </tr>
   <tr height="50">
      <td bgcolor="white">
         <table title="Navigation" id="navigation">
            <tr>
		<td> <a href="http://www.espn.com" target="_blank" rel="nofollow">
        <img height="40" width="100" src="http://imgross.org/wp-content/uploads/2009/10/home.gif" class="linksESPN" /></td>
            <td Align="right">ABOUT US          </td>
            <td Align="center">ABOUT US          </td></tr>
         </table>
      </td>
   </tr>
   <tr>
      <td bgcolor="white">
         <table title="Content" id="content">
            <tr>
               <td Align="center">Lorem Ipsum is simply dummy texLorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

t of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

</td>
            </tr>
         </table>
      </td>
</tr>
<tr height="25">
  <td bgcolor="white">
   <table title="footer" id"footer"
    <tr>
	  <td Align="center"> Copyrights Epimetheus Design</td>
	</tr>
    </table>
  </td>
</tr>
</table>
</body>
</html>

Outcome :

Credits: Epimetheus

[HTML] Basic Website Layout Code

Recommended Posts

Epimetheus

Create an account or sign in to comment

Create an account

Sign in

Posts

Topics

Browse

Activity

Store

Important Information