HTML - Layouts




HTML Layouts

You might have noticed that, all the websites do not appear alike, but rather have different designs (technically layout); so, the attractive layouts fascinate visitors to visit your website.

Layouts also make the thing easy for the users, as it arranges all the information properly.

Further, in order to insert different web content, you can design your webpage in multiple pages.

You can layout your web page in a manner that looks more attractive/interactive and user friendly easy to navigate.

Websites often display content in multiple columns which looks more fancy and interactive.

Example

<!DOCTYPE html>
<html>
   <head>
      <title>HTML Layout Table</title>
   </head>
   <body>
      <table width="100%" border="0">
         <tr>
            <td colspan="2" bgcolor="red">
            <h1 style="text-align:center;">This is Web Page</h1>
            </td>
         </tr>
         <tr valign="top">
            <td bgcolor="blue" width="70">
            <b>Main Menu</b><br />
            HTML<br />
            HTML5<br />
            CSS<br />
            PHP...
            </td>
            <td bgcolor="Orange" width="100" height="250">
            Web Development Tutorials
            </td>
         </tr>
         <tr>
            <td colspan="2" height="50" bgcolor="Cyan">
            <center>
            Copyright © Htmltpoint.com 2017. All Rights Reserved
            </center>
            </td>
         </tr>
      </table>
   </body>
</html>

Result