Computer >> Máy Tính >  >> Lập trình >> Javascript

Làm cách nào để tạo bố cục nhiều cột trong HTML5 bằng cách sử dụng bảng?


Thiết kế trang web của bạn để đưa nội dung web của bạn lên nhiều trang. Bạn có thể giữ nội dung của mình ở cột giữa, bạn có thể sử dụng cột bên trái để sử dụng menu và cột bên phải có thể được sử dụng để đặt quảng cáo hoặc một số nội dung khác.

Ví dụ

<!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%">
               Technical and Managerial Tutorials
            </td>

            <td bgcolor = "#aaa" width = "20%">
               <b>Right Menu</b><br />
               HTML<br />
               PHP<br />
               PERL...
            </td>
         </tr>
      <table>
   </body>
</html>