如何在 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