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>