이 기사의 예는 HTML5 DIV 레이아웃 및 테이블 레이아웃을 분석합니다
DIV 레이아웃 : HTML+CSS는 간단한 레이아웃을 달성합니다.#container 높이는 백분율로 작성할 수 없으며 특정 높이 여야합니다.
<! #vankgry {aqua;} 높이; 배경색 : 왼쪽;} 높이 : 80%; 배경색 : Darkgrey; 둘 다;} </style> </head> <body> <div id = heading> head </div> <div id = content- 메뉴> 콘텐츠 메뉴 < /div> <div id = content-body> 컨텐츠 주제 </div> <div id = footer> 하단 </div> </body> </html>효과지도 :
테이블 레이아웃 :<! 높이 = 650px 스타일 = 배경색 : 아쿠아> <tr> <TD colspan = 3 너비 = 100% 높이 = 10% 스타일 = 배경색 : chartreuse> "<td 너비 = 20% 높이 = 80% 스타일 = 배경-배경- 색상 : antiquewhite> 왼쪽 메뉴 </td> <td 너비 = 60% 높이 = 80% 스타일 = 배경-코러> </td> td 너비 = 20% 높이 = 80% 스타일 = 배경색 : CornflowerBlue> 오른쪽 메뉴 < /td> </tr> <td colspan = 3 너비 = 100% 높이 = background-cror : 이것은 바닥입니다 </td> </tr> </table> </body> </html>
효과지도 :
위는이 기사의 모든 내용입니다.