如何使用 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 日

804 次浏览

开启你的 职业生涯

通过完成课程获得认证

开始
广告
© . All rights reserved.