如何在 HTML5 中使用表格创建多列布局？

设计你的网页以将你的网页内容放在多页。你可以将你的内容保留在中间栏，可以使用左栏使用菜单，右栏可用于投放广告或其他一些东西。

示例

<!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>

更新于： 2020 年 1 月 29 日

803 次浏览

启动您的 职业生涯

完成课程以获得认证

开始
Advertisement