HTML - Layouts

First Page
Next Page

HTML Layouts

Page Layout will define the look of any website. User can design page layouts by making use of HTML tags, CSS and Client script if needed. User can find number of free layout templates in online and work on those templates if had enough knowledge on HTML and CSS.

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

First Page
Next Page