Computer >> คอมพิวเตอร์ >  >> การเขียนโปรแกรม >> Javascript

จะสร้างเลย์เอาต์แบบหลายคอลัมน์ใน 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>