Use Tables to provide the layout to your web page

Use Tables to provide the layout to your web page.



In this practical create webpage using table tags.

The simplest and most popular way of creating layouts is using HTML <table> tag. These tables are arranged in columns and rows, so you can utilize these rows and columns in whatever way you like.

Using Tags:-

Code:-

Output:-
<!DOCTYPE html>

<html>


   <head>

      <title>Three Column HTML Layout</title>

   </head>




   <body>

      <table width = "100%" border = "0">

        

         <tr valign = "top">

            <td bgcolor = "#aaa" width = "20%">

               <b>Main Menu</b><br />

               HTML<br />

               PHP<br />

               PERL...

            </td>

                                             

            <td bgcolor = "#b5dcb3" height = "200" width = "60%">

               Middle

            </td>

                                               

            <td bgcolor = "#aaa" width = "20%">

               <b>Right Menu</b><br />

               HTML<br />

               PHP<br />

               PERL...

            </td>

         </tr>

        

      <table>

   </body>


</html>

Output:-

Use Tables to provide the layout to your web page

Design Time Table of your department and highlights of most important periods.

Leave a Comment