Computer >> Hướng Dẫn Máy Tính >  >> Lập Trình >> JavaScript

Cách tạo bố cục đa cột trong HTML5 bằng bảng

Thiết kế trang web để đặt nội dung trên nhiều cột. Bạn có thể đặt nội dung chính ở cột giữa, cột trái làm menu, cột phải đặt quảng cáo hoặc 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>